jQuery এ 9.1 $ অবজেক্ট এবং Ajax পদ্ধতি
নেটওয়ার্কের সাথে কাজ করার জন্য jQuery এর একটি বিশেষ গ্লোবাল অবজেক্টও রয়েছে। আপনি অনুমান করতে পারেন, এটা বলা হয় $
. হ্যাঁ, এটাই নাম। কিন্তু এটা সহজ এবং সুবিধাজনক.
ধরা যাক আপনি আপনার জাভাস্ক্রিপ্টে একটি API এ একটি অনুরোধ পাঠাতে চান এবং প্রাপ্ত প্রতিক্রিয়া প্রক্রিয়া করতে চান। এটি এই মত করা যেতে পারে:
$.ajax({
type: "POST",
url: "api.codegym.cc",
data: {name: 'Bill', location: 'Radmond'},
success: function(msg){
alert( "Person found: " + msg );
}
});
এটা, যে সব কোড. আমরা অবজেক্টের $
পদ্ধতিকে কল করি ajax()
, যেখানে আমরা বস্তুটি পাস করি যা আমাদের প্রয়োজনীয় সবকিছু বর্ণনা করে: অনুরোধ এবং প্রতিক্রিয়া উভয়ই।
- ক্ষেত্রটি
type
HTTP অনুরোধের ধরন নির্দিষ্ট করে:GET
বাPOST
- ক্ষেত্রটি
url
নির্দিষ্ট করেurl
যে অনুরোধ পাঠানো হবে। - ক্ষেত্রটি
data
JSON বিন্যাসে অনুরোধের ডেটা নির্দিষ্ট করে - সাফল্য ক্ষেত্র সার্ভার থেকে একটি সফল প্রতিক্রিয়ার পরে কল করার জন্য একটি ফাংশন নির্দিষ্ট করে৷
9.2 দরকারী প্রশ্ন
কিন্তু যদি আপনার কোন ডেটা স্থানান্তর করার প্রয়োজন না হয়, তাহলে অনুরোধটি আরও ছোট করে লেখা যাবে। উদাহরণস্বরূপ, আপনি এই মত একটি সহজ POST অনুরোধ লিখতে পারেন :
$.post("ajax/test.html", function( data ) {
$( ".result" ).html( data );
});
আপনি কোড কি জানেন $( ".result" ).html( data );
? আসুন অনুমান করার চেষ্টা করি ...
এটি নথিতে ফলাফল শ্রেণীর একটি উপাদান খুঁজে পায় এবং এর ভিতরে এইচটিএমএল কোড যোগ করে - ডেটা data
। তাই কয়েক লাইনে আপনি সার্ভার থেকে ডেটা ডাউনলোড করে আপনার পৃষ্ঠায় যোগ করতে পারেন। আচ্ছা, এটা কি সৌন্দর্য নয়? :)
একটি GET অনুরোধ কয়েকটি লাইনে লেখা যেতে পারে:
$.get("ajax/test.html"., function( data ) {
$( ".result" ).html( data );
});
আপনি কি একটি স্ক্রিপ্ট ডাউনলোড এবং চালাতে চান?
$.ajax({
method: "GET",
url: "test.js",
dataType: "script"
});
সর্বশেষ HTML পৃষ্ঠা পান?
$.ajax({
url: "test.html",
cache: false
})
.done(function( html ) {
$( "#results" ).append( html );
});
ইন্টারনেটে কিছু খুব ভাল jQuery ডকুমেন্টেশন আছে:
এছাড়াও, সমস্ত সাধারণ প্রশ্ন সহজেই গুগল করা হয় এবং স্ট্যাকওভারফ্লোতে থাকে।
GO TO FULL VERSION