爱站程序员基地教你怎样使用和分清Jquery库中的四大ajax异步请求
提示:这里的 jQuery可简写成$
第一种
1. $.get();
说明:
$ .get是简单易用的高层实现，我们使用 $ .get方法，jQuery会自动封装调用底层的$.ajax。
$.get 只处理简单的 GET 请求功能
以取代复杂 $.ajax，请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用 $.ajax。
基本语法:
`jQuery.get( url , data , function(result){} [dataType ] )`
参数解释:
- url 类型: String 一个包含发送请求的URL字符串
- data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
- function(result){} 类型: Function() 当请求成功后执行的回调函数。
- dataType 类型: String 从服务器返回的预期的数据类型。默认：智能猜测（xml, json, script, 或
html）。
用法:
大多数实现将指定一个成功的回调处理程序：
$.get(\'ajax/test.html\', function(data) {$(\'.result\').html(data);alert(\'Load was performed.\');});
注意:这里并没有请求的参数.
============================================================================================================
第二种:
2. $.getJSON();
说明:$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用
基本语法:
jQuery.getJSON( url , data , function(result){} )
参数解释:
- url 类型: String 一个包含发送请求的URL字符串
- data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
- function(result){} 类型: Function() 当请求成功后执行的回调函数。
用法:
在回调函数(result)中传入返回的数据，通常是一个JavaScript对象或数组所定义的JSON结构，使用$.parseJSON()方法解析。
$.getJSON()是专门为ajax获取json数据而设置的，并且支持跨域调用
$.getJSON(\"test.js\", function(json) {alert(\"JSON Data: \" + json.users[3].name);});
============================================================================================================
第三种
1. $.post();
说明:
$ .post是简单易用的高层实现，我们使用$ .post方法，jQuery会自动封装调用底层的$.ajax。
$.post 只处理 post请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。不支持出错时执行函数，否则必须使用 $.ajax。
基本语法:
jQuery.get( url , data , function(result){} [dataType ] )
参数解释:
- url 类型: String 一个包含发送请求的URL字符串
- data 类型: PlainObject, String 发送给服务器的字符串或Key/value键值对。
- function(result){} 类型: Function() 当请求成功后执行的回调函数。
- dataType 类型: type为请求的数据类型，可以是html,xml,json等类型，如果我们设置这个参数为：json，那么返回的格式则是json格式的，如果没有设置，就和.get()返回的格式一样，都是字符串的。
html）。
用法:参考$.get()
============================================================================================================
第四种
1. $.ajax();
说明:
$ .ajax 是 jQuery 底层 AJAX 实现，$ .ajax是一种通用的底层封装，$.ajax()请求数据之后，则需要使用回调函数，有beforeSend、error、dataFilter、success、complete等。
基本语法:
格式：
$.ajax({url:”路径”,type:”post/get”,datatype:”json”,//成功的回调函数success:function(data){alert(“回调函数成功了”);},//失败的回调函数error:function(){alert(“服务器请求失败”);},//发送请求前调用，可以放一些“正在加载”之类的话beforeSend:function(){alert(“正在加载”);}});
用法:
$.ajax({\"url\": \"/doFindObjects\",\"type\": \"POST\",\"data\": params,\"success\": function (result) {$(\"#myDiv\").append(\"hello world\")console.log(result.username + \"<br>\")},\"error\": function (result) {console.log(result.message)}});
