form ট্যাগের অটো রিফ্রেশ বন্ধ করার জন্য আমাদেরকে নিচের পদ্ধতিগুলা অনুসরণ করতে হবে।
১। প্রথমে আমাদেরকে একটা ফর্ম তৈরী করে নিতে হবে।
২। এবার আমরা ফর্ম ট্যাগের ভিতরে একটা ফাংশান কল করব (ইমেজ ১)। শুধু মাত্র ফর্ম ট্যাগের ভিতরেই ফাংশান কল করতে হবে এমন কোন কথা নেই। চাইলে আমরা যে বাটনে ক্লিক করলে ফাংশানটা কল হবে সেই বাটনেও ফাংশান এড করতে পারি (ইমেজ ২)। উল্লেখ যে ফর্ম ট্যাগের ভিতরে ফাংশান লিখতে গেলে onsubmit এর ভিতর এবং ফর্ম ব্যতীত অন্য যে কোন ট্যাগের ভিতর ফাংশান লিখতে হলে onclick ব্যবহার করতে হয়। এখনে আমরা practice() নামে একটা ফাংশান ডিক্লিয়ার করেছি।
৪। এখন এই ফাংশানের ভিতরে আমরা event.preventDefault() নামে একটা ফাংশান কল করে দিব। তাহলেই আমাদের ফর্মটা সাবমিট করার সময় আর পেজ রিফ্রেশ নিবে না।
[ বিশেষ দ্রষ্টব্যঃ জাভাস্ক্রিপ্টে রিফ্রেশ বন্ধ করার জন্য আমাদেরকে event. ব্যবহার করতে হয়। আর রিয়াক্টের ক্ষেত্রে আমাদেরকে রিয়াক্ট ফাংশানে যে প্যারামিটার দেওয়া হয় সেই প্যারামিটার এর prventDefault() করতে হয়। যেমন আমরা যদি প্যারামিটার হিসাবে e পাস করি তাহলে আমাদেরকে ফাংশানের ভিতরে e.preventDefault() লিখতে হবে।]
Post a Comment