AJAX மற்றும் jQuery- கோரிக்கைகள் மற்றும் தரவு தொடர்புகளை கையாளுதல்

AJAX(ஒத்திசைவற்ற ஜாவாஸ்கிரிப்ட் மற்றும் எக்ஸ்எம்எல்) என்பது முழு வலைப்பக்கத்தையும் மீண்டும் ஏற்ற வேண்டிய அவசியமின்றி உலாவி மற்றும் சேவையகத்திற்கு இடையே தகவல் தொடர்பு மற்றும் தரவு பரிமாற்றத்தை அனுமதிக்கும் தொழில்நுட்பமாகும். jQuery அஜாக்ஸ் கோரிக்கைகளைச் செய்ய வசதியான முறைகள் மற்றும் செயல்பாடுகளை வழங்குகிறது. jQuery உடன் AJAX ஐப் பயன்படுத்துவதற்கான சில எடுத்துக்காட்டுகள் இங்கே:

 

$.ajax() முறை

இந்த $.ajax() முறை ஒரு பல்துறை முறையாகும், இது சேவையகத்திற்கு AJAX கோரிக்கைகளைச் செய்ய உங்களை அனுமதிக்கிறது. இது உங்கள் கோரிக்கையைத் தனிப்பயனாக்க பல்வேறு விருப்பங்களை வழங்குகிறது, அதாவது URL ஐக் குறிப்பிடுதல், கோரிக்கை முறை(GET, POST, முதலியன), வெற்றி மற்றும் பிழை அழைப்புகளைக் கையாளுதல் மற்றும் பல. AJAX கோரிக்கையின் மீது உங்களுக்கு நுணுக்கமான கட்டுப்பாடு தேவைப்படும்போது இந்த முறையைப் பயன்படுத்தலாம்.

$.ajax({  
  url: "data.php",  
  method: "GET",  
  success: function(response) {  
    // Handle successful response data  
  },  
  error: function(xhr, status, error) {  
    // Handle error occurred  
  }  
});  

 

$.get() முறை

இந்த $.get() முறையானது சேவையகத்திற்கு GET கோரிக்கையைச் செய்வதற்கான சுருக்கெழுத்து முறையாகும். இது தானாகவே கோரிக்கை முறையை GET க்கு அமைப்பதன் மூலம் செயல்முறையை எளிதாக்குகிறது மற்றும் வெற்றிகரமான அழைப்பைக் கையாளுகிறது. இலிருந்து தரவை மட்டும் மீட்டெடுக்க வேண்டியிருக்கும் போது இந்த முறையைப் பயன்படுத்தலாம்

$.get("data.php", function(response) {  
  // Handle successful response data  
});  

 

$.post() முறை

முறைக்கு $.post() ஒத்ததாக உள்ளது $.get(), ஆனால் இது குறிப்பாக சேவையகத்திற்கு POST கோரிக்கையை அனுப்புகிறது. கோரிக்கையுடன் தரவை அனுப்ப இது உங்களை அனுமதிக்கிறது, இது நீங்கள் படிவத் தரவு அல்லது பிற அளவுருக்களை சேவையகத்திற்கு அனுப்ப விரும்பும் போது பயனுள்ளதாக இருக்கும்.

$.post("save.php", { name: "John", age: 30 }, function(response) {  
  // Handle successful response data  
});  

 

$.getJSON() முறை

$.getJSON() சேவையகத்திலிருந்து JSON தரவை மீட்டெடுக்க இந்த முறை பயன்படுத்தப்படுகிறது. இது ஒரு சுருக்கெழுத்து முறையாகும், இது தானாகவே கோரிக்கை முறையை GET க்கு அமைக்கிறது மற்றும் சேவையகம் JSON பதிலை வழங்கும் என்று எதிர்பார்க்கிறது. இது JSON தரவை மீட்டெடுக்கும் மற்றும் வேலை செய்யும் செயல்முறையை எளிதாக்குகிறது.

$.getJSON("data.json", function(data) {  
  // Handle successful JSON response data  
});  

 

$.ajaxSetup() முறை

$.ajaxSetup() எதிர்கால அஜாக்ஸ் கோரிக்கைகளுக்கான இயல்புநிலை அமைப்புகளை உள்ளமைக்க இந்த முறை உங்களை அனுமதிக்கிறது. எடுத்துக்காட்டாக, நீங்கள் இயல்புநிலை தலைப்புகளை அமைக்கலாம், தரவு வகையைக் குறிப்பிடலாம் அல்லது அங்கீகார விருப்பங்களை உள்ளமைக்கலாம். பல AJAX கோரிக்கைகளுக்குப் பொருந்தும் பொதுவான விருப்பங்களை அமைக்க விரும்பினால் இந்த முறை பயனுள்ளதாக இருக்கும்.

$.ajaxSetup({  
  headers: { "Authorization": "Bearer token" }  
});  

 

$.ajaxPrefilter() முறை

$.ajaxPrefilter() AJAX கோரிக்கைகளை அனுப்புவதற்கு முன் அவற்றை மாற்ற இந்த முறை பயன்படுத்தப்படுகிறது. AJAX கோரிக்கையின் விருப்பங்களை முன்கூட்டியே செயல்படுத்தவும், உங்கள் தேவைகளின் அடிப்படையில் அவற்றை மாற்றவும் இது உங்களை அனுமதிக்கிறது. தனிப்பயன் தலைப்புகளைச் சேர்ப்பதற்கு, தரவைக் கையாளுதல் அல்லது கோரிக்கைகளை இடைமறிக்க இது பயனுள்ளதாக இருக்கும்.

$.ajaxPrefilter(function(options, originalOptions, xhr) {  
  // Preprocess before sending AJAX request  
});  

 

இந்த முறைகள் jQuery இல் AJAX கோரிக்கைகளுடன் பணிபுரிய பல்வேறு வழிகளை வழங்குகின்றன. உங்கள் குறிப்பிட்ட தேவைகளைப் பொறுத்து, உங்கள் தேவைகளுக்கு மிகவும் பொருத்தமான முறையை நீங்கள் தேர்வு செய்யலாம். jQuery ஆனது AJAX கோரிக்கைகளை உருவாக்கும் மற்றும் பதில்களைக் கையாளும் செயல்முறையை எளிதாக்குகிறது, இது மாறும் மற்றும் ஊடாடும் இணைய பயன்பாடுகளை உருவாக்க உங்களை அனுமதிக்கிறது.