jQuery உடன் நெட்வொர்க்கிங்

jQuery இல் 9.1 $ பொருள் மற்றும் அஜாக்ஸ் முறை

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 );? யூகிக்க முயற்சிப்போம்...

இது ஆவணத்தில் முடிவு வகுப்பைக் கொண்ட ஒரு உறுப்பைக் கண்டறிந்து, அதனுள் HTML குறியீட்டைச் சேர்க்கிறது - தரவு 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()

கூடுதலாக, அனைத்து பொதுவான கேள்விகளும் எளிதாக கூகிள் செய்யப்படுகின்றன மற்றும் StackOverflow இல் உள்ளன.