আমি কীভাবে jQuery দিয়ে একটি পৃষ্ঠা রিফ্রেশ করতে পারি?


2452

আমি কীভাবে jQuery দিয়ে একটি পৃষ্ঠা রিফ্রেশ করতে পারি?


29
যেহেতু jQuery হ'ল ডম-ম্যানিপুলেশন এবং ইভেন্ট-বাইন্ডিংয়ের জন্য একটি জাভাস্ক্রিপ্ট কাঠামো, তাই আমি আপনাকে jQuery এর পরিবর্তে জাভাস্ক্রিপ্টের জন্য জিজ্ঞাসা করার পরামর্শ দেব।
অগস্ট

19
এর জন্য আপনার জিকিউরির দরকার নেই।
স্টারডাস্ট

13
আগের চেয়ে আরও প্রাসঙ্গিক: needmorejquery.com
কার্তিক চুগ

@ স্টার্ডস্ট জাভাস্ক্রিপ্টের সাথে সম্ভব সব কিছু করার কারণে আপনি jQuery করতে পারলে jQuery এর সাথে যা কিছু করেন তার জন্য আপনার jQuery এর দরকার নেই।
আমি

উত্তর:


3825

ব্যবহার location.reload():

$('#something').click(function() {
    location.reload();
});

reload()ফাংশন একটি ঐচ্ছিক প্যারামিটার সেট করা যেতে পারে যে লাগে trueসার্ভার বদলে ক্যাশে থেকে একটি রিলোড বলপূর্বক। প্যারামিটারটি ডিফল্ট হয় falseতাই ডিফল্টরূপে পৃষ্ঠাটি ব্রাউজারের ক্যাশে থেকে পুনরায় লোড হতে পারে।


29
এটি আমার পক্ষে কাজ করে না। এটি যদিও কাজ করেছে: window.location.href = window.location.href;
ইয়াস্টার

5
এটি আমার পক্ষে কাজ করে না। window.location.href=window.location.href;এবং location.href=location.href;কাজ।
twharmon

23
window.location.reload(true);শক্ত রিফ্রেশ হবে, অন্যথায় ডিফল্টরূপে এটি মিথ্যা
সাগর নলিয়াপাড়া

@ সাগর এন, এটি আমার পক্ষেও কাজ করে। ধন্যবাদ. আমি গত কয়েকদিন বিভিন্ন পদ্ধতির সাথে চেষ্টা করেছি কিন্তু আপনার সমাধান আমাকে বাঁচিয়েছে।
লুডুস এইচ

শুধু দৌড় window.location.reload()!

457

এটি jQuery ছাড়াই সমস্ত ব্রাউজারে কাজ করা উচিত:

location.reload();

449

আছে একাধিক জাভাস্ক্রিপ্ট সঙ্গে একটি পৃষ্ঠাটি রিফ্রেশ করতে সীমাহীন উপায়:

  1. location.reload()
  2. history.go(0)
  3. location.href = location.href
  4. location.href = location.pathname
  5. location.replace(location.pathname)
  6. location.reload(false)

    আমাদের যদি আবার ওয়েব-সার্ভার থেকে দস্তাবেজটি টানতে হয় (যেমন ডকুমেন্টের বিষয়বস্তু পরিবর্তনশীলভাবে পরিবর্তিত হয়) আমরা যুক্তিটি পাস করব true

আপনি তালিকাটি সৃজনশীল হয়ে চালিয়ে যেতে পারেন:

var methods = [
  "location.reload()",
  "history.go(0)",
  "location.href = location.href",
  "location.href = location.pathname",
  "location.replace(location.pathname)",
  "location.reload(false)"
];

var $body = $("body");
for (var i = 0; i < methods.length; ++i) {
  (function(cMethod) {
    $body.append($("<button>", {
      text: cMethod
    }).on("click", function() {
      eval(cMethod); // don't blame me for using eval
    }));
  })(methods[i]);
}
button {
  background: #2ecc71;
  border: 0;
  color: white;
  font-weight: bold;
  font-family: "Monaco", monospace;
  padding: 10px;
  border-radius: 4px;
  cursor: pointer;
  transition: background-color 0.5s ease;
  margin: 2px;
}
button:hover {
  background: #27ae60;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>


10
তালিকা এবং jsfiddle জন্য +1। আমার একটি প্রশ্ন আছে, জিসফিডাল 1 এবং 6 এ উত্পন্ন পৃষ্ঠাটি পুনরায় লোড হওয়ার সাথে সাথে একটি মুহুর্তের জন্য অদৃশ্য হয়ে যায় এবং 2-5 পৃষ্ঠা পুনরায় লোডটিকে "অদৃশ্যযোগ্য" করে তোলে। ক্রোমের ডিভাইসটিতে আমি পৃষ্ঠাটি পুনঃজুনিত হচ্ছে তা দেখতে পাচ্ছি, তবে আপনি কি পুনরায় আঁকানোর প্রক্রিয়াটিকে অবজ্ঞাপূর্ণ বলে ব্যাখ্যা করতে পারেন? অনুগ্রহ. তুমাকে অগ্রিম ধন্যবাদ.
সি ԃ ԃ

@ সিԃ ա ԃ আমি কোনও পার্থক্য দেখছি না ... সম্ভবত ক্যাশেটি সমস্যা? আমি শীঘ্রই একবার দেখুন।
আয়নিক বিজাউ

2
1 এবং 6 (reload()/(false))ধীর হয়। Hmmm। মজাদার. :) এবং 1 এবং 6 reload()এর ডিফল্ট প্যারামিটারটি একই false
সিএ ա ԃ

location.href = location.hrefআমি সাধারণত এটি ব্যবহার করি তবে অন্যদের জন্য ধন্যবাদ। খুব দরকারী! +1
অমল মুরালি

1
@ সিԃ ա ԃ অবশেষে আপনি যা দেখছেন তা আমি পুনরুত্পাদন করতে পারি এবং আমি এখানে জিজ্ঞাসা করেছি ।
আয়নিক বিজাউ

202

প্রচুর উপায় কাজ করবে, আমি মনে করি:

  • window.location.reload();
  • history.go(0);
  • window.location.href=window.location.href;

41
এই window.location.href=window.location.href;কি করতে হবে কিছুই আপনার URL টি প্রান্তে একটি # / hashbang হয়েছে example.com/something#blah:
AaronLS

18
যদি কারও মনে হয় কী হয় location.reload()এবং এর মধ্যে পার্থক্য history.go(0)কী: এইচটিএমএল 5 স্পেসের প্রাসঙ্গিক বিভাগটি w3.org/TR/html5/browsers.html#dom-history-go এ স্পষ্টতই নির্দেশ করে যে তারা সমতুল্য: "যখন go(delta)পদ্ধতিটি যুক্ত করা হয়, যদি পদ্ধতির যুক্তি বাদ দেওয়া হয় বা থাকে মান শূন্য, ব্যবহারকারী এজেন্ট অবশ্যই location.reload()পদ্ধতিটি পরিবর্তিত হিসাবে ডাকা হয়েছে হিসাবে কাজ করতে হবে। "
মার্ক আমেরিকা

আমার পক্ষে একমাত্র এটিই কাজ করেছিলেন: উইন্ডো.লোকেশন এইচআরএফ = উইন্ডো.লোকেশন এইচআরএফ;
ইয়েস্টার

123

JQuery সহ একটি পৃষ্ঠা পুনরায় লোড করতে, করুন:

$.ajax({
    url: "",
    context: document.body,
    success: function(s,x){
        $(this).html(s);
    }
});

আমি এখানে যে পদ্ধতির ব্যবহার করেছি তা হ'ল অ্যাজাক্স জিকুয়ারি। আমি এটি ক্রোম 13 এ পরীক্ষা করেছি Then তারপরে আমি হ্যান্ডলারে কোডটি রেখেছি যা পুনরায় লোডটি ট্রিগার করবে। URL টি হয় ""যার মানে, এই পৃষ্ঠার


68
Downvoting। এটি সত্যই প্রশ্নের উত্তর দেয় না, তবে পরিবর্তে পৃষ্ঠার এইচটিএমএলটিকে অ্যাজাক্স প্রতিক্রিয়া দিয়ে কীভাবে প্রতিস্থাপন করা যায় তা দেখায়। এটি পৃষ্ঠাটি পুনরায় লোড করার থেকে পৃথক: উদাহরণস্বরূপ, আমি এখনই এমন পরিস্থিতি নিয়ে কাজ করছি যেখানে এটি আসল সমস্যাটি সমাধান করতে কাজ করবে না।
মার্নেন লাইবো-কোসার

5
পুরো এইচটিএমএলটিকে পুনরায় লোড করার একটি সমস্যা হ'ল ম্যানুয়ালি অনলোড / প্রস্তুত ইভেন্টগুলি কল করতে হবে এবং পূর্বে ঘোষিত ভেরিয়েবলগুলির ওভাররাইটটি প্রশমিত করতে হবে যার অবস্থা আপনি রিফ্রেশের পরে ধরে রাখতে চান।
পাসকিট

3
যতক্ষণ না আপনি আপনার কোড সহ খুব সতর্কতা অবলম্বন করছি এই হবে মেমরি তথ্য ফাঁসের যেখানে আপনি কোড তারা সংযুক্ত করছি প্রতিস্থাপন করার পূর্বে তাদের বিচ্ছিন্ন ছাড়া ইভেন্ট হ্যান্ডলার এবং এই ধরনের সংযুক্ত করেছি হতে।
ড্যানিয়েল ললেভেলিন

আমি প্রতি সেকেন্ডে আমাদের ড্যাশবোর্ড পুনরায় লোড করতে এটি ব্যবহার করছি, শূন্য ফ্লিকার! এটি দরিদ্র মানুষের ধূমকেতু / জসন এপিআই। @ ড্যানিয়েললিওলিন এট আল কে ধন্যবাদ। সতর্কতা জন্য।
উইলিয়াম এন্টারিকেন

3
কিছু লোক মন্তব্য করেছেন যে এই পদ্ধতির পৃষ্ঠার কেবলমাত্র একটি অংশ রিফ্রেশ করতে দরকারী। এটা না। আমি মনে করি people লোকেরা কোনওভাবেই একরকম যাদু করার জন্য এর contextপরামিতিটির ভুল বোঝাবুঝি $.ajaxকরছে ing এটি সবই কলব্যাক ফাংশনের মান সেট করেthis । এর একটি ইউআরএলে অ্যাজাক্স ""আপনি বর্তমানে যে URL টি রয়েছেন তা হিট করবে, এর ফলে সাধারণত সম্পূর্ণ এইচটিএমএল লোড হচ্ছে ( <html>এবং <head>এবং <body>) এবং এই উত্তরের কোনও কিছুই আপনার পছন্দসই জিনিসগুলি ফিল্টার করে না।
মার্ক আমেরিকা 21

107

যদি বর্তমান পৃষ্ঠাটি কোনও পোষ্ট অনুরোধ দ্বারা লোড করা হয়, আপনি ব্যবহার করতে পারেন want

window.location = window.location.pathname;

পরিবর্তে

window.location.reload();

কারণ window.location.reload()কোনও পোস্টে অনুরোধ দ্বারা লোড হওয়া কোনও পৃষ্ঠায় কল করা হলে তা নিশ্চিতকরণের অনুরোধ জানাবে।


12
এটি অবশ্য ক্যোরিস্ট্রিংটি হারাবে, অন্যদিকে উইন্ডো.লোকেশন = উইন্ডো.লোকশনটি করবে না
mrmillsy

@ মির্মিলসিও window.location = window.locationঅপূর্ণ, তবে; বর্তমান ইউআরএলগুলিতে কোনও ভঙ্গুর (হ্যাশবাং) থাকলে এটি কিছুই করে না।
মার্ক আমেরিকা

64

প্রশ্নটি হওয়া উচিত,

জাভাস্ক্রিপ্ট দিয়ে কীভাবে একটি পৃষ্ঠা রিফ্রেশ করবেন

window.location.href = window.location.href; //This is a possibility
window.location.reload(); //Another possiblity
history.go(0); //And another

আপনি পছন্দের জন্য ক্ষতিগ্রস্থ।


55

আপনি ব্যবহার করতে পারেন

location.reload(forceGet)

forceGet একটি বুলিয়ান এবং .চ্ছিক।

ডিফল্টটি মিথ্যা যা ক্যাশে থেকে পৃষ্ঠাটি পুনরায় লোড করে।

এই প্যারামিটারটিকে সত্যে সেট করুন যদি আপনি ব্রাউজারটিকে সার্ভার থেকে পৃষ্ঠাটি ক্যাশে থেকে মুক্তি পেতে বাধ্য করতে চান তবে।

বা শুধু

location.reload()

আপনি যদি ক্যাচিংয়ের সাথে দ্রুত এবং সহজ চান।


41

ক্যাশে সম্পর্কিত বিভিন্ন আচরণের সাথে তিনটি পদ্ধতি:

  • location.reload(true)

    ব্রাউজারগুলিতে যেগুলির forcedReloadপরামিতি প্রয়োগ করা হয় location.reload(), পৃষ্ঠার এবং তার সমস্ত সংস্থার (স্ক্রিপ্ট, স্টাইলশিট, চিত্র ইত্যাদি) এর একটি নতুন কপি আনার মাধ্যমে পুনরায় লোড করা হয়। ক্যাশে থেকে কোনও সংস্থান সরবরাহ করবে না - অনুরোধে কোনও if-modified-sinceবা if-none-matchশিরোনাম না পাঠিয়ে সার্ভার থেকে নতুন কপি পেয়েছে ।

    এটি সম্ভব যেখানে ব্রাউজারগুলিতে ব্যবহারকারী "হার্ড পুনরায় লোড" করার সমতুল্য।

    লক্ষ্য করুন ক্ষণস্থায়ী trueথেকে location.reload()ফায়ারফক্স (দেখুন সমর্থিত MDN ) এবং ইন্টারনেট এক্সপ্লোরার (দেখুন দুটিই MSDN ) কিন্তু সর্বজনীন সমর্থন করেনি এবং অংশ নয় W3 এইচটিএমএল 5 বৈশিষ্ট , কিংবা W3 খসড়া এইচটিএমএল 5.1 বৈশিষ্ট , কিংবা WHATWG এইচটিএমএল জীবনযাত্রার মান

    অসমর্থিত ব্রাউজারগুলিতে, গুগল ক্রোমের মতোই location.reload(true)আচরণ করে location.reload()

  • location.reload() অথবা location.reload(false)

    পুনরায় লোড করা পাতা, একটি তাজা আনার সময়, পৃষ্ঠা এইচটিএমএল নিজেই, এবং পারফর্মিং অ-ক্যাশে প্রতিলিপিটি জন্য RFC 7234 (স্ক্রিপ্টস মত) কোন সম্পদের জন্য revalidation অনুরোধ ব্রাউজারটি ক্যাশে হয়েছে, এমনকি যদি তারা তাজা বোঝায় যা RFC 7234 পারমিট সেবা করার জন্য ব্রাউজার দ্বারা পুনরায় বৈধতা ছাড়াই তাদের।

    location.reload()কলটি করার সময় ব্রাউজারটি কীভাবে তার ক্যাশে ব্যবহার করবে ঠিক তা বলা বা ডকুমেন্টেড নয় যতদূর আমি বলতে পারি; আমি পরীক্ষার মাধ্যমে উপরের আচরণটি নির্ধারণ করেছি।

    এটি তাদের ব্রাউজারে কেবল "রিফ্রেশ" বোতাম টিপে ব্যবহারকারী সমান।

  • location = location(বা অসীম আরও অনেক সম্ভাব্য কৌশল যা locationএর বৈশিষ্ট্যগুলিকে অর্পণ করে বা জড়িত থাকে )

    কেবলমাত্র পৃষ্ঠার ইউআরএলটিতে একটি সুগন্ধযুক্ত / হ্যাশবাং না থাকলে কাজ করে!

    ক্যাশে থেকে কোনও নতুন রিসোর্স পুনরায় সংকেত বা পুনর্বিবেচনা ছাড়াই পৃষ্ঠাটি পুনরায় লোড করে । যদি পৃষ্ঠাটির এইচটিএমএল নিজেই তাজা থাকে তবে এটি কোনও HTTP অনুরোধ সম্পাদন না করেই পৃষ্ঠাটি পুনরায় লোড করবে।

    এটি কোনও নতুন ট্যাবে পৃষ্ঠা খোলার জন্য সমান (ক্যাশে দৃষ্টিকোণ থেকে) is

    তবে, যদি পৃষ্ঠার ইউআরএলটিতে একটি হ্যাশ থাকে তবে এর কোনও প্রভাব থাকবে না।

    আবার এখানে ক্যাশিং আচরণটি আমি যতদূর জানি নির্ধারিত; আমি এটি পরীক্ষা করে নির্ধারণ করেছি।

সুতরাং, সংক্ষেপে, আপনি ব্যবহার করতে চান:

  • location = locationক্যাশের সর্বাধিক ব্যবহারের জন্য, যতক্ষণ না পৃষ্ঠাটির ইউআরএলটিতে হ্যাশ থাকে না, এই ক্ষেত্রে এটি কাজ করবে না
  • location.reload(true)পুনর্নির্মাণ না করে সমস্ত সংস্থার নতুন অনুলিপিগুলি আনার জন্য (যদিও এটি সর্বজনীনভাবে সমর্থিত নয় এবং location.reload()কিছু ব্রাউজারে যেমন ক্রোমের মতো আলাদাভাবে আচরণ করবে না )
  • location.reload() 'রিফ্রেশ' বোতামটি ক্লিক করে ব্যবহারকারীর প্রভাব বিশ্বস্ততার সাথে পুনরুত্পাদন করতে।

অবস্থানের জন্য +1 = অবস্থান; বেশিরভাগ লোকই এটির প্রস্তাবনা বলে মনে হয় না যদিও এটি দেওয়া বেশিরভাগ উত্তরের চেয়ে কম, তবে কেবলমাত্র খারাপ
দিকটিই আমার অনুমানযোগ্য

@ ব্র্যান্ডিতো আরও গুরুত্বপূর্ণ, location = locationইউআরএলটিতে একটি হ্যাশ থাকলে কাজ করে না। যে কোনও সাইটের পক্ষে টুকরোগুলি ব্যবহার করা হয় - বা এমন কোনও সাইটের জন্য যেখানে কোনও পৃষ্ঠার সাথে লিঙ্ক করা কেউ ইউআরএল-এ একটি বিচি যুক্ত করতে পারে - এটি এটিকে ভেঙে দেয়।
মার্ক আমেরি

26

window.location.reload() সার্ভার থেকে পুনরায় লোড হবে এবং আপনার সমস্ত ডেটা, স্ক্রিপ্ট, চিত্র ইত্যাদি পুনরায় লোড করবে।

সুতরাং আপনি যদি এইচটিএমএলকে সতেজ করতে চান তবে এটি window.location = document.URLআরও দ্রুত এবং কম ট্রাফিকের সাথে ফিরে আসবে। তবে URL এ হ্যাশ (#) থাকলে এটি পৃষ্ঠাটি পুনরায় লোড করবে না load


এই আচরণটি ক্রোমে সত্য, কমপক্ষে - location.reload()যুক্তি ছাড়াই ক্যাশেড রিসোর্সগুলিকে পুনরায় বৈধকরণে বাধ্য করে, ততক্ষণ window.location = document.URLসার্ভারকে আঘাত না করে ক্যাশেড রিসোর্সগুলি পরিবেশন করতে পেরে খুশি।
মার্ক আমেরিকা


16

যেহেতু প্রশ্নটি জেনেরিক, আসুন উত্তরের সম্ভাব্য সমাধানগুলি যোগ করার চেষ্টা করি:

সাধারণ সরল জাভাস্ক্রিপ্ট সমাধান :

সবচেয়ে সহজ উপায় হ'ল একটি লাইন সমাধান উপযুক্ত উপায়ে স্থাপন করা:

location.reload();

এখানে অনেক লোক কী অনুপস্থিত রয়েছে, কারণ তারা কিছু "পয়েন্ট" পাওয়ার আশা করছেন তা হ'ল রিলোড () ফাংশনটি নিজেই একটি প্যারামিটার হিসাবে বুলিয়ান সরবরাহ করে (বিশদ: https://developer.mozilla.org/en-US/docs/Web / এপিআই / অবস্থান / পুনরায় লোড )।

অবস্থান.রলোড () পদ্ধতিটি বর্তমান ইউআরএল থেকে সংস্থানটি পুনরায় লোড করে। এর optionচ্ছিক অনন্য প্যারামিটারটি একটি বুলিয়ান, যা সত্য হয়ে গেলে পৃষ্ঠাটি সর্বদা সার্ভার থেকে পুনরায় লোড করে দেয়। এটি মিথ্যা বা নির্দিষ্ট না থাকলে ব্রাউজারটি তার ক্যাশে থেকে পৃষ্ঠাটি পুনরায় লোড করতে পারে।

এর অর্থ দুটি উপায় রয়েছে:

সমাধান 1: সার্ভার থেকে বর্তমান পৃষ্ঠাটি পুনরায় লোড করার জন্য জোর করে

location.reload(true);

সমাধান 2: ক্যাশে বা সার্ভার থেকে পুনরায় লোড হচ্ছে (ব্রাউজার এবং আপনার কনফিগার উপর ভিত্তি করে)

location.reload(false);
location.reload();

এবং যদি আপনি এটিকে কোনও ইভেন্টের শোনার জন্য jQuery এর সাথে সংযুক্ত করতে চান তবে আমি ".ক্লিক" বা অন্যান্য ইভেন্টের মোড়কের পরিবর্তে ".on ()" পদ্ধতিটি ব্যবহার করার পরামর্শ দেব, উদাহরণস্বরূপ আরও সঠিক সমাধানটি হ'ল:

$('#reloadIt').on('eventXyZ', function() {
    location.reload(true);
});

15

এখানে এমন একটি সমাধান রয়েছে যা jQuery ব্যবহার করে অবিচ্ছিন্নভাবে কোনও পৃষ্ঠা পুনরায় লোড করে। এটা তোলে দ্বারা সৃষ্ট দপদপ করে ওঠার এড়াতে window.location = window.location। এই উদাহরণটি এমন একটি পৃষ্ঠা দেখায় যা ড্যাশবোর্ডের মতো অবিচ্ছিন্নভাবে পুনরায় লোড হয়। এটি যুদ্ধ-পরীক্ষিত এবং টাইমস স্কোয়ারের একটি তথ্য প্রদর্শন টিভিতে চলছে।

<!DOCTYPE html>
<html lang="en">
  <head>
    ...
    <meta http-equiv="refresh" content="300">
    <script src="//ajax.googleapis.com/ajax/libs/jquery/2.2.3/jquery.min.js"></script>
    <script>
    function refresh() {
      $.ajax({
        url: "",
        dataType: "text",
        success: function(html) {
          $('#fu').replaceWith($.parseHTML(html));
          setTimeout(refresh,2000);
        }
      });
    }
    refresh();
    </script>
  </head>
  <body>
    <div id="fu">
      ...
    </div>
  </body>
</html>

মন্তব্য:

  • ব্যবহার $.ajaxসরাসরি মত $.get('',function(data){$(document.body).html(data)}) কারণ CSS / JS ফাইল ক্যাশে-busted পেতে , এমনকি যদি আপনি ব্যবহার cache: true, যে কেন আমরা ব্যবহারparseHTML
  • parseHTMLকোনও bodyট্যাগ পাবেন না যাতে আপনার পুরো শরীরের অতিরিক্ত ডিভিতে যাওয়ার দরকার হয়, আমি আশা করি জ্ঞানের এই নট একদিন আপনাকে সহায়তা করবে, আপনি অনুমান করতে পারেন যে আমরা কীভাবে আইডিটি বেছে নিয়েছিdiv
  • http-equiv="refresh"জাভাস্ক্রিপ্ট / সার্ভার হিক্কাপের সাথে কিছু ভুল হয়ে যায় সে ক্ষেত্রে ব্যবহার করুন , তবে পৃষ্ঠাটি আপনি ফোন কল না পেয়ে পুনরায় লোড করবে
  • এই পদ্ধতির সম্ভবত কোনওভাবে মেমরি ফাঁস হয়, http-equivরিফ্রেশ এটি স্থির করে দেয়

14

আমি পেয়েছি

window.location.href = "";

অথবা

window.location.href = null;

একটি পৃষ্ঠা রিফ্রেশ করে তোলে।

এটি কোনও হ্যাশ অপসারণ করে পৃষ্ঠাটি পুনরায় লোড করা খুব সহজ করে তোলে। আইওএস সিমুলেটারে অ্যাঙ্গুলারজেএস ব্যবহার করার সময় এটি খুব সুন্দর হয়, যাতে আমাকে অ্যাপটি পুনরায় চালু করতে না হয়।


ভাল অঙ্কুর, আমি এটা সম্পর্কে অবগত ছিল না।
জুনেদ আতারি

9

আপনি জাভাস্ক্রিপ্ট location.reload() পদ্ধতি ব্যবহার করতে পারেন । এই পদ্ধতিটি একটি বুলিয়ান প্যারামিটার গ্রহণ করে। trueবা false। প্যারামিটারটি যদি হয় true; পৃষ্ঠাটি সর্বদা সার্ভার থেকে পুনরায় লোড করা হয়েছে। যদি হয়false ; যা ডিফল্ট বা খালি পরামিতি ব্রাউজার সহ পৃষ্ঠাটি এর ক্যাশে থেকে পুনরায় লোড করে।

সঙ্গে trueপ্যারামিটার

<button type="button" onclick="location.reload(true);">Reload page</button>

সাথে default/ falseপ্যারামিটার

 <button type="button" onclick="location.reload();">Reload page</button>

Jquery ব্যবহার

<button id="Reloadpage">Reload page</button>
<script type="text/javascript">
    $('#Reloadpage').click(function() {
        location.reload();
    }); 
</script>

8

আপনি প্রয়োজন হবে না ব্যবহার করে একটি পৃষ্ঠাটি পুনরায় লোড করতে, jQuery থেকে কিছু বিশুদ্ধ জাভাস্ক্রিপ্ট , শুধু এই মত অবস্থান সম্পত্তি পুনরায় লোড করুন ফাংশন ব্যবহার করুন:

window.location.reload();

ডিফল্টরূপে, এটি ব্রাউজার ক্যাশে (উপস্থিত থাকলে) ব্যবহার করে পৃষ্ঠাটি পুনরায় লোড করবে ...

আপনি যদি পৃষ্ঠাটি জোর করে পুনরায় লোড করতে চান তবে নীচের মতো পুনরায় লোড পদ্ধতিতে একটি সত্য মানটি দিন ...

window.location.reload(true);

এছাড়াও আপনি যদি ইতিমধ্যে উইন্ডো স্কোপে থাকেন তবে উইন্ডো থেকে মুক্তি পেতে এবং এটি করতে পারেন:

location.reload();

8

ব্যবহার

location.reload();

অথবা

window.location.reload();

ওপি বিশেষত "jQuery সহ" উল্লেখ করেছে (যদিও ইতিমধ্যে অনেকের দ্বারা উল্লেখ করা হয়েছে, এটি সম্ভবত jQuery প্রশ্ন হওয়া উচিত নয়)
RomainValeri

3

onclick="return location.reload();"বোতাম ট্যাগের মধ্যে ব্যবহার করুন ।

<button id="refersh-page" name="refersh-page" type="button" onclick="return location.reload();">Refesh Page</button>

3

আপনি যদি jQuery ব্যবহার করছেন এবং রিফ্রেশ করতে চান তবে জাভাস্ক্রিপ্ট ফাংশনে আপনার jQuery যুক্ত করার চেষ্টা করুন:

ওহ এ ক্লিক করার সময় আমি কোনও পৃষ্ঠা থেকে একটি আইফ্রেমটি লুকিয়ে রাখতে চেয়েছিলাম h3, এটি আমার জন্য কাজ করেছে তবে আমি যে আইটেমটি আমাকে দেখার অনুমতি দিয়েছি তাতে ক্লিক করতে সক্ষম হইনিiframe ব্রাউজারটি ম্যানুয়ালি রিফ্রেশ না করে ... তা না ... আদর্শ নয়।

আমি নিম্নলিখিত চেষ্টা করেছিলাম:

var hide = () => {
    $("#frame").hide();//jQuery
    location.reload(true);//javascript
};

আপনার jQuery এর সাথে সরল জেন জাভাস্ক্রিপ্ট মিশ্রিত করা উচিত।

// code where hide (where location.reload was used)function was integrated, below    
    iFrameInsert = () => {
        var file = `Fe1FVoW0Nt4`;
        $("#frame").html(`<iframe width=\"560\" height=\"315\" src=\"https://www.youtube.com/embed/${file}\" frameborder=\"0\" allow=\"autoplay; encrypted-media\" allowfullscreen></iframe><h3>Close Player</h3>`);
        $("h3").enter code hereclick(hide);
}

// View Player 
$("#id-to-be-clicked").click(iFrameInsert);

3

এখানে সমস্ত উত্তর ভাল। যেহেতু প্রশ্নটি পৃষ্ঠাটি পুনরায় লোড করার বিষয়ে নির্দিষ্ট করে, আমি ভাবলাম ভবিষ্যতের পাঠকদের জন্য আরও কিছু যুক্ত করব।

jQuery একটি ক্রস-প্ল্যাটফর্ম জাভাস্ক্রিপ্ট লাইব্রেরি যা এইচটিএমএলের ক্লায়েন্ট-সাইড স্ক্রিপ্টিংকে সহজ করার জন্য ডিজাইন করা হয়েছে।

~ উইকিপিডিয়া ~

সুতরাং আপনি বুঝতে হবে যে ভিত্তি , বা উপর ভিত্তি করে । তাই খাঁটি নিয়ে যাচ্ছি সহজ জিনিস যখন এটি সহজ জিনিস আসে।

তবে আপনার যদি প্রয়োজন হয় একটি সমাধান, এখানে একটি।

$(location).attr('href', '');

2

বর্তমান পৃষ্ঠাগুলি পুনরায় লোড করার অনেকগুলি উপায় রয়েছে তবে কোনওভাবে সেই পদ্ধতির ব্যবহার করে আপনি পৃষ্ঠা আপডেট দেখতে পাচ্ছেন তবে কয়েকটি ক্যাশে মান থাকবে না, সুতরাং সেই সমস্যাটি কাটিয়ে উঠুন বা আপনি যদি কঠোর অনুরোধ করতে চান তবে নীচের কোডটি ব্যবহার করুন।

    location.reload(true);
    //Here, it will make a hard request or reload the current page and clear the cache as well.


    location.reload(false); OR location.reload();
    //It can be reload the page with cache




1

আপনি এটি দুটি উপায়ে লিখতে পারেন। প্রথম পৃষ্ঠাটি পুনরায় লোড করার মানক উপায় যা সাধারণ রিফ্রেশ হিসাবেও পরিচিত

location.reload(); //simple refresh

এবং অন্যটিকে বলা হয় হার্ড রিফ্রেশ । এখানে আপনি বুলিয়ান এক্সপ্রেশনটি পাস করে সত্য হিসাবে সেট করেছেন। এটি পৃষ্ঠাটি পুরানো ক্যাশে ধ্বংস করে এবং স্ক্র্যাচ থেকে সামগ্রীগুলি প্রদর্শন করবে re

location.reload(true);//hard refresh

1
কোড-কেবলমাত্র উত্তরগুলি এই সাইটে সাধারণত ভাবা হয়। আপনার কোডটির কিছু মন্তব্য বা ব্যাখ্যা অন্তর্ভুক্ত করতে দয়া করে আপনার উত্তরটি সম্পাদনা করতে পারেন? ব্যাখ্যাগুলির মতো প্রশ্নের উত্তর দেওয়া উচিত: এটি কী করে? কিভাবে এটা কাজ করে? কোথায় যায়? এটি কীভাবে ওপির সমস্যা সমাধান করবে? দেখুন: কিভাবে নতুনকরণ করবেন । ধন্যবাদ!
এডুয়ার্ডো বাইতেলো



-1

কোডের কয়েকটি লাইন আপনি jQuery ব্যবহার করে পৃষ্ঠাটি পুনরায় লোড করতে ব্যবহার করতে পারেন ।

এটি jQuery মোড়ক ব্যবহার করে এবং নেটিভ ডোম উপাদানটি বের করে।

আপনি যদি আপনার কোডটিতে কেবল jQuery অনুভূতি চান এবং আপনি কোডটির গতি / পারফরম্যান্স সম্পর্কে চিন্তা না করেন তবে এটি ব্যবহার করুন।

আপনার প্রয়োজন অনুসারে 1 থেকে 10 পর্যন্ত বেছে নিন বা এর আগে প্যাটার্ন এবং উত্তরগুলির ভিত্তিতে আরও কিছু যুক্ত করুন।

<script>
  $(location)[0].reload(); //1
  $(location).get(0).reload(); //2
  $(window)[0].location.reload(); //3
  $(window).get(0).location.reload(); //4
  $(window)[0].$(location)[0].reload(); //5
  $(window).get(0).$(location)[0].reload(); //6
  $(window)[0].$(location).get(0).reload(); //7
  $(window).get(0).$(location).get(0).reload(); //8
  $(location)[0].href = ''; //9
  $(location).get(0).href = ''; //10
  //... and many other more just follow the pattern.
</script>
আমাদের সাইট ব্যবহার করে, আপনি স্বীকার করেছেন যে আপনি আমাদের কুকি নীতি এবং গোপনীয়তা নীতিটি পড়েছেন এবং বুঝতে পেরেছেন ।
Licensed under cc by-sa 3.0 with attribution required.