CodeGym /Java Course /মডিউল 3 /jQuery এর সাথে নেটওয়ার্কিং

jQuery এর সাথে নেটওয়ার্কিং

মডিউল 3
লেভেল 7 , পাঠ 8
বিদ্যমান

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(), যেখানে আমরা বস্তুটি পাস করি যা আমাদের প্রয়োজনীয় সবকিছু বর্ণনা করে: অনুরোধ এবং প্রতিক্রিয়া উভয়ই।

  • ক্ষেত্রটি typeHTTP অনুরোধের ধরন নির্দিষ্ট করে: GETবাPOST
  • ক্ষেত্রটি urlনির্দিষ্ট করে urlযে অনুরোধ পাঠানো হবে।
  • ক্ষেত্রটি dataJSON বিন্যাসে অনুরোধের ডেটা নির্দিষ্ট করে
  • সাফল্য ক্ষেত্র সার্ভার থেকে একটি সফল প্রতিক্রিয়ার পরে কল করার জন্য একটি ফাংশন নির্দিষ্ট করে৷

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 ডকুমেন্টেশন আছে:

jQuery API

jQuery.ajax()

এছাড়াও, সমস্ত সাধারণ প্রশ্ন সহজেই গুগল করা হয় এবং স্ট্যাকওভারফ্লোতে থাকে।

মন্তব্য
TO VIEW ALL COMMENTS OR TO MAKE A COMMENT,
GO TO FULL VERSION