AJAX ਅਤੇ jQuery- ਬੇਨਤੀਆਂ ਅਤੇ ਡੇਟਾ ਇੰਟਰਐਕਸ਼ਨ ਨੂੰ ਸੰਭਾਲਣਾ

AJAX(ਅਸਿੰਕਰੋਨਸ JavaScript ਅਤੇ XML) ਇੱਕ ਤਕਨਾਲੋਜੀ ਹੈ ਜੋ ਬ੍ਰਾਊਜ਼ਰ ਅਤੇ ਸਰਵਰ ਵਿਚਕਾਰ ਸੰਚਾਰ ਅਤੇ ਡੇਟਾ ਐਕਸਚੇਂਜ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ ਬਿਨਾਂ ਪੂਰੇ ਵੈਬਪੇਜ ਨੂੰ ਰੀਲੋਡ ਕਰਨ ਦੀ ਲੋੜ ਹੈ। jQuery AJAX ਬੇਨਤੀਆਂ ਕਰਨ ਲਈ ਸੁਵਿਧਾਜਨਕ ਢੰਗ ਅਤੇ ਫੰਕਸ਼ਨ ਪ੍ਰਦਾਨ ਕਰਦਾ ਹੈ। ਇੱਥੇ 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 ਬੇਨਤੀਆਂ ਲਈ ਡਿਫੌਲਟ ਸੈਟਿੰਗਾਂ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰਨ ਦੀ ਆਗਿਆ ਦਿੰਦੀ ਹੈ। ਉਦਾਹਰਨ ਲਈ, ਤੁਸੀਂ ਡਿਫਾਲਟ ਸਿਰਲੇਖ ਸੈੱਟ ਕਰ ਸਕਦੇ ਹੋ, ਡਾਟਾ ਕਿਸਮ ਨਿਰਧਾਰਤ ਕਰ ਸਕਦੇ ਹੋ, ਜਾਂ ਪ੍ਰਮਾਣੀਕਰਨ ਵਿਕਲਪਾਂ ਨੂੰ ਕੌਂਫਿਗਰ ਕਰ ਸਕਦੇ ਹੋ। ਇਹ ਵਿਧੀ ਉਦੋਂ ਉਪਯੋਗੀ ਹੁੰਦੀ ਹੈ ਜਦੋਂ ਤੁਸੀਂ ਆਮ ਵਿਕਲਪਾਂ ਨੂੰ ਸੈੱਟ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਜੋ ਕਈ AJAX ਬੇਨਤੀਆਂ 'ਤੇ ਲਾਗੂ ਹੁੰਦੇ ਹਨ।

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

 

$.ajaxPrefilter() ਢੰਗ

$.ajaxPrefilter() AJAX ਬੇਨਤੀਆਂ ਨੂੰ ਭੇਜਣ ਤੋਂ ਪਹਿਲਾਂ ਉਹਨਾਂ ਨੂੰ ਸੋਧਣ ਲਈ ਵਿਧੀ ਦੀ ਵਰਤੋਂ ਕੀਤੀ ਜਾਂਦੀ ਹੈ । ਇਹ ਤੁਹਾਨੂੰ AJAX ਬੇਨਤੀ ਦੇ ਵਿਕਲਪਾਂ ਨੂੰ ਪ੍ਰੀਪ੍ਰੋਸੈਸ ਕਰਨ ਅਤੇ ਤੁਹਾਡੀਆਂ ਜ਼ਰੂਰਤਾਂ ਦੇ ਅਧਾਰ ਤੇ ਉਹਨਾਂ ਨੂੰ ਸੋਧਣ ਦੀ ਆਗਿਆ ਦਿੰਦਾ ਹੈ। ਇਹ ਕਸਟਮ ਸਿਰਲੇਖਾਂ ਨੂੰ ਜੋੜਨ, ਡੇਟਾ ਨੂੰ ਹੇਰਾਫੇਰੀ ਕਰਨ, ਜਾਂ ਬੇਨਤੀਆਂ ਨੂੰ ਰੋਕਣ ਲਈ ਉਪਯੋਗੀ ਹੋ ਸਕਦਾ ਹੈ।

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

 

ਇਹ ਵਿਧੀਆਂ jQuery ਵਿੱਚ AJAX ਬੇਨਤੀਆਂ ਨਾਲ ਕੰਮ ਕਰਨ ਦੇ ਵੱਖ-ਵੱਖ ਤਰੀਕੇ ਪ੍ਰਦਾਨ ਕਰਦੀਆਂ ਹਨ। ਤੁਹਾਡੀਆਂ ਖਾਸ ਜ਼ਰੂਰਤਾਂ 'ਤੇ ਨਿਰਭਰ ਕਰਦਿਆਂ, ਤੁਸੀਂ ਉਹ ਤਰੀਕਾ ਚੁਣ ਸਕਦੇ ਹੋ ਜੋ ਤੁਹਾਡੀਆਂ ਜ਼ਰੂਰਤਾਂ ਦੇ ਅਨੁਕੂਲ ਹੋਵੇ। jQuery AJAX ਬੇਨਤੀਆਂ ਕਰਨ ਅਤੇ ਜਵਾਬਾਂ ਨੂੰ ਸੰਭਾਲਣ ਦੀ ਪ੍ਰਕਿਰਿਆ ਨੂੰ ਸਰਲ ਬਣਾਉਂਦਾ ਹੈ, ਜਿਸ ਨਾਲ ਤੁਸੀਂ ਡਾਇਨਾਮਿਕ ਅਤੇ ਇੰਟਰਐਕਟਿਵ ਵੈਬ ਐਪਲੀਕੇਸ਼ਨਾਂ ਬਣਾ ਸਕਦੇ ਹੋ।