Table of Contents
Introduction
हेलो दोस्तों आज हम इस post में jQuery.ajax(), jQuery.get() and jQuery.post() के differences के बारे में जानेगे!.
Ajax का इस्तेमाल करके web pages को reloading किये बिना server से data को access कर सकते है!. तो server के data के साथ intractive करने के लिए server तक ऐसी कोय information pass करनी होती है!.
जो pass की गई information के based, हमें server से result प्राप्त हो सके!. और server तक इस information को pass करने के किये दो option है!. GET और POST
jQuery.ajax()
Jquery में ajax() method का इस्तेमाल AJAX request और asynchronous HTTP request करने के लिए किया जाता है!.
Syntax:
jQuery.ajax({name:value,name:value})
Example:
jQuery.ajax({
url:"ajax_data.php",
Type:"GET",
success:function(data){
console.log( data );
}
});
ऊपर के example में देख सकते है हमने jQuery.ajax() method का इस्तेमाल किया है!. निश्वित रूप से ज्यादा configurable parameters है! but हम कम से कम parameter का इस्तेमाल किया है!.
Ajax request parameter जैसे की।।
type: इसका इस्तेमाल request के प्रकार को निर्देश करने के लिए किया जाता है!.
url: इसका इस्तेमाल request send करने के लिए URL location specify करने के लिए किया जाता है!.
beforeSend(xhr): यह function किसी request के send होने से पहले रन होता है!.
datatype: यह ये specify करता है! की server से response किस formate में आएगा वह बताता है!. जैसे की ‘text’, ‘THML’, ‘xml’ के formate में response हो सकता है!।
data: इसका इस्तेमाल specific data को server तक send करने के लिए किया जाता है!.
success: यह एक call back success method है! यह tab execute होता है जब request successfully execute होती है!.
jQuery.get()
jQuery.get() method web-server में data को send करने और web-server से data को retrive करने के लिए इस्तेमाल किया जाता है!.
jQuery.get() HTTP GET method का इस्तेमाल करके ajax request करता है!. get() method जो की jQuery.ajax() के लिए एक तरह का shorthand है!.
jQuery.get() method का इस्तेमाल करते समय किसी object में pass होने के बजाय आप parameter में pass करा सकते है!.
Syntax:
jQuery.get(URL,function(data))
Example:
jQuery.get('get_data.php', function(data){
console.log(data);
});
ऊपर के example में देख सकते है की हमने jQuery.get() method का इस्तेमाल किया है!. jQuery.get() method में दो argument pass किया है!. First तो file की URL है जिस location से हम data को retrive या access करना चाहते है!. दूसरा success call-back function है!.
jQuery.post()
jQuery.post() method web-server में data को send करने और web-server से data को retrive करने के लिए इस्तेमाल किया जाता है!.
jQuery.post() HTTP POST method का इस्तेमाल करके ajax request करता है!. post() method जो की jQuery.ajax() के लिए एक तरह का shorthand है!.
jQuery.post() method का इस्तेमाल करते समय किसी object में pass होने के बजाय आप parameter में pass करा सकते है!.
Syntax:
jQuery.post(URL,function(data))
Example:
jQuery.post('post_data.php', function(data){
console.log(data);
});
ऊपर के example में देख सकते है की हमने jQuery.post() method का इस्तेमाल किया है!. jQuery.post() method में दो argument pass किया है!. First तो file की URL है जिस location से हम data को retrive या access करना चाहते है!. दूसरा success call-back function है!.
