পৃষ্ঠাটি রিফ্রেশ না করে ব্রাউজারের ঠিকানা বার পরিবর্তন করার কোনও উপায় আছে কি?

Question 1

আমি একটি ওয়েব অ্যাপ বিকাশ করছি। এতে আমার কাছে বিভাগগুলি নামে একটি বিভাগ রয়েছে যা প্রতিবার কোনও ব্যবহারকারী কোনও বিভাগের মধ্যে ক্লিক করে একটি আপডেট প্যানেল উপযুক্ত সামগ্রীটি লোড করে।

ব্যবহারকারী বিভাগটি ক্লিক করার পরে আমি ব্রাউজারের ঠিকানা বারের url পরিবর্তন করতে চাই

www.mysite.com/products

মত কিছু

www.mysite.com/products/{selectedCat}

পৃষ্ঠাটি রিফ্রেশ না করে।
এটি অর্জনের জন্য আমি কীভাবে জাভাস্ক্রিপ্ট এপিআই ব্যবহার করতে পারি?

Question 2

এইচটিএমএল 5 দিয়ে আপনি পুনরায় লোড না করেই url পরিবর্তন করতে পারেন:

আপনি যদি ব্রাউজারের ইতিহাসে একটি নতুন পোস্ট করতে চান (তবে পিছনে বোতামটি কাজ করবে)

window.history.pushState('Object', 'Title', '/new-url');

আপনি যদি ফিরে যেতে না সক্ষম হয়ে url পরিবর্তন করতে চান

window.history.replaceState('Object', 'Title', '/another-new-url');

এজ্যাক্সটি এজ্যাক্স নেভিগেশনের জন্য ব্যবহার করা যেতে পারে:

window.history.pushState({ id: 35 }, 'Viewing item #35', '/item/35');

window.onpopstate = function (e) {
  var id = e.state.id;
  load_item(id);
};

এখানে আরও পড়ুন: http://www.w3.org/TR/html5-author/history.html

একটি ফ্যালব্যাক সলিউশন: https://github.com/browserstate/history.js

Question 3

ছেলেরা ইতিমধ্যে যা বলেছে তাতে যুক্ত করার জন্য আপনার অনক্লিক ফাংশনে আপনার যে URL টি চান তা মেলাতে উইন্ডো.লোকশন.হ্যাশ সম্পত্তিটি সম্পাদনা করুন।

window.location.hash = 'category-name'; // address bar would become http://example.com/#category-name

Question 4

আমি বিশ্বাস করি যে সুরক্ষার কারণে আপনি যদি এতে খুশী হন তবে সুরক্ষিত কারণে সেই url এ না গিয়েই সরাসরি বারটিকে সম্পূর্ণ আলাদা ইউআরএলে সরাসরি পরিচালনা করার অনুমতি দেওয়া হয় না I

www.mysite.com/products/#{selectedCat}

অর্থাত্ একই পৃষ্ঠার মধ্যে অ্যাঙ্কর স্টাইলের লিঙ্কটি বিভিন্ন ইতিহাস / "পিছনে বোতাম" স্ক্রিপ্টগুলি দেখুন যা এখন বেশিরভাগ জাভাস্ক্রিপ্ট লাইব্রেরিতে উপস্থিত রয়েছে।

আপডেট প্যানেলের উল্লেখ আমাকে অনুমান করতে পরিচালিত করে যে আপনি এসপ নেট ব্যবহার করছেন, সেক্ষেত্রে অ্যাসপেট এজাজান ইতিহাস নিয়ন্ত্রণ শুরু করার জন্য ভাল জায়গা

Question 5

আমি মনে করি না এটি সম্ভব (অন্তত সম্পূর্ণ ভিন্ন ঠিকানায় পরিবর্তন করা), কারণ এটি অ্যাড্রেস বারের অনিচ্ছাকৃত অপব্যবহার হবে এবং ফিশিং আক্রমণগুলিকে প্রচার করতে পারে।

Question 6

আপনি যেভাবে বলছেন এটি এটি করা যায় না। Somej.net দ্বারা প্রস্তাবিত পদ্ধতিটি আপনি পেতে পারেন নিকটতম। এটি এজেএক্স যুগে আসলে খুব সাধারণ অনুশীলন। এমনকি Gmail এটি ব্যবহার করে।

Question 7

"window.location.hash"

সানচোথেফাতের পরামর্শ অনুসারে এটি করার একমাত্র এবং একমাত্র উপায় হওয়া উচিত। কারণ আমি এই বৈশিষ্ট্যটি যে সমস্ত জায়গাগুলি দেখেছি সেগুলি ইউআরএলে # এর পরে সমস্ত সময়।