javascript কিভাবে jQuery এর সাথে একটি পৃষ্ঠা রিফ্রেশ করতে পারি?





11 Answers

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

location.reload();
javascript jquery refresh reload

কিভাবে jQuery এর সাথে একটি পৃষ্ঠা রিফ্রেশ করতে পারি?




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

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



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

window.location = window.location.pathname;

পরিবর্তে

window.location.reload();

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




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

location.reload(forceGet)

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

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

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

অথবা শুধুই

location.reload()

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




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

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




এখানে একটি সমাধান যা অ্যাসিঙ্ক্রোনাসটি 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)}) মত $.ajax ব্যবহার করে CSS / js ফাইলগুলি ক্যাশে-বস্টড পেতে পারে , এমনকি যদি আপনি cache: true ব্যবহার করেন cache: true , তাই আমরা parseHTML ব্যবহার parseHTML
  • parseHTML কোনও body ট্যাগ খুঁজে পাবে না যাতে আপনার পুরো শরীরকে অতিরিক্ত parseHTML যেতে হবে, আশা করি এই জ্ঞানের বীজ আপনাকে একদিন সাহায্য করবে, আপনি অনুমান করতে পারেন যে আমরা সেই ডিভিকে কিভাবে আইডি বেছে নিলাম
  • জাভাস্ক্রিপ্ট / সার্ভার হিক্কআপের ক্ষেত্রে কিছু ভুল হলেই http-equiv="refresh" ব্যবহার করুন, তারপর পৃষ্ঠাটি ফোন কল না করেই পুনরায় লোড হবে
  • এই পদ্ধতির সম্ভবত মেমোরি যে কোনভাবে মেমরি, http-equiv রিফ্রেশ ফিক্স যে



আমি খুঁজে পেয়েছি

window.location.href = "";

অথবা

window.location.href = null;

এছাড়াও একটি পাতা রিফ্রেশ করে তোলে।

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




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

window.location.reload();

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

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

window.location.reload(true);

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

location.reload();



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

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

~ Wikipedia ~

সুতরাং আপনি বুঝতে পারবেন যে jquery , বা jquery এর ভিত্তি javascript ভিত্তিক। তাই সহজ জিনিস আসে যখন বিশুদ্ধ javascript সঙ্গে যাচ্ছে উপায় ভাল।

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

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



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

 location = location; 

<button onClick="location = location;">Reload</button>




এটা জাভাস্ক্রিপ্ট মধ্যে সংক্ষিপ্ত।

location = '';



Related