AJAX হল প্রযুক্তির একটি গ্রুপ যা ইন্টারেক্টিভ অ্যাপ্লিকেশন তৈরি করতে ওয়েব ডেভেলপমেন্টে ব্যবহৃত হয়। AJAX আপনাকে পৃষ্ঠাটি পুনরায় লোড না করেই সার্ভার থেকে ডেটা স্থানান্তর করতে দেয়। এই ভাবে আপনি খুব চিত্তাকর্ষক ফলাফল পেতে পারেন. এবং jQuery লাইব্রেরি বিল্ট-ইন পদ্ধতি ব্যবহার করে AJAX এর বাস্তবায়নকে ব্যাপকভাবে সহজ করে।
প্রযুক্তি বাস্তবায়ন করতে, $.ajax বা jQuery.ajax পদ্ধতি ব্যবহার করুন:
$.ajax(properties) বা $.ajax(url [, বৈশিষ্ট্য])
দ্বিতীয় প্যারামিটারটি jQuery-এর 1.5 সংস্করণে যোগ করা হয়েছে।
url - অনুরোধ করা পৃষ্ঠার ঠিকানা;
বৈশিষ্ট্য - অনুরোধ বৈশিষ্ট্য।
বিকল্পগুলির একটি সম্পূর্ণ তালিকার জন্য, jQuery ডকুমেন্টেশন দেখুন।
এই টিউটোরিয়ালে আমরা সবচেয়ে বেশি ব্যবহৃত কিছু প্যারামিটার ব্যবহার করি।
সাফল্য (ফাংশন) - এই ফাংশনঅনুরোধ সফলভাবে সম্পন্ন হওয়ার পরে ডাকা হয়েছে। ফাংশনটি 1 থেকে 3টি পরামিতি গ্রহণ করে (ব্যবহৃত লাইব্রেরির সংস্করণের উপর নির্ভর করে)। কিন্তু প্রথম প্যারামিটারে সর্বদা সার্ভার থেকে ফিরে আসা ডেটা থাকে।
ডেটা (অবজেক্ট/স্ট্রিং) - ব্যবহারকারীর ডেটা যা অনুরোধ করা পৃষ্ঠায় পাঠানো হয়।
ডেটা টাইপ (স্ট্রিং) - সম্ভাব্য মান: xml, json, স্ক্রিপ্ট বা html। সার্ভার প্রতিক্রিয়ায় প্রত্যাশিত ডেটার প্রকারের বর্ণনা৷
টাইপ (স্ট্রিং) - অনুরোধের ধরন। সম্ভাব্য মান: পান বা পোস্ট করুন। ডিফল্ট: GET.
url (স্ট্রিং) - অনুরোধের জন্য URL।
উদাহরণ 1সহজ পাঠ্য স্থানান্তর।
$.ajax(( url: "response.php?action=sample1", সফলতা: ফাংশন(ডেটা) ( $("ফলাফল").html(ডেটা); ) );
প্রতিক্রিয়ার জন্য একটি .result div উপাদান আছে।
আমরা একটি উত্তরের জন্য অপেক্ষা করছি
সার্ভারটি কেবল স্ট্রিংটি ফেরত দেয়:
ইকো "উদাহরণ 1 - স্থানান্তর সফলভাবে সম্পন্ন হয়েছে";
উদাহরণ 2আমরা পিএইচপি স্ক্রিপ্টে ব্যবহারকারীর ডেটা পাস করি।
$.ajax(( প্রকার: "POST", url: "response.php?action=sample2", ডেটা: "name=Andrew&nickname=Aramis", সাফল্য: function(data)( $(."results").html( ডেটা);
সার্ভার এতে ঢোকানো প্রেরিত ডেটা সহ একটি স্ট্রিং প্রদান করে:
ইকো "উদাহরণ 2 - স্থানান্তর সফলভাবে সম্পন্ন হয়েছে। পরামিতি: নাম = "। $_POST["নাম"]। ", ডাকনাম = "। $_POST["ডাকনাম"];
উদাহরণ 3স্থানান্তর এবং সম্পাদন জাভাস্ক্রিপ্ট কোড
$.ajax(( dataType: "script", url: "response.php?action=sample3", ))
সার্ভার কোডটি কার্যকর করে:
ইকো "$(. ফলাফল").html("উদাহরণ 3 - জাভাস্ক্রিপ্ট চালানো");";
উদাহরণ 4আমরা XML ব্যবহার করি। উদাহরণটি বাহ্যিক XML এর সাথে কাজ করতে ব্যবহার করা যেতে পারে, উদাহরণস্বরূপ, একটি RSS ফিড।
$.ajax(( dataType: "xml", url: "response.php?action=sample4", সাফল্য: function(xmldata)( $(."results").html(""); $(xmldata) খুঁজুন ("আইটেম").each(function())( $(" ").html($(this).text()).appendTo(."results"); ) );
সার্ভারের XML কোড ফেরত দেওয়া উচিত:
হেডার ("কন্টেন্ট-টাইপ: অ্যাপ্লিকেশন/xml; অক্ষর সেট=UTF-8");
পর্যালোচনা
