JQuery中$.post(),$.get()与$.Ajax({})的区别?
语法:
1、$.get(URL,data,function(data,status,xhr),dataType)
2、$.post(URL,data,function(data,status,xhr),dataType)
参数 | 描述 |
---|---|
URL | 必需。规定了需要请求的 URL。 |
data | 可选。规定连同请求发送到服务器的数据。 |
function(data,status,xhr) | 可选。规定当请求成功时运行的函数。额外的参数:data - 包含来自请求的结果数据;status - 包含请求的状态(“success”、“notmodified”、“error”、“timeout”、“parsererror”);xhr - 包含 XMLHttpRequest 对象。 |
dataType | 可选。规定预期的服务器响应的数据类型。 |
可能的类型:
- “xml” - 一个 XML 文档
- “html” - HTML 作为纯文本
- “text” - 纯文本字符串
- “script” - 以 JavaScript 运行响应,并以纯文本返回
- “json” - 以 JSON 运行响应,并以 JavaScript 对象返回
- “jsonp” - 使用 JSONP 加载一个 JSON 块,将添加一个 “?callback=?” 到 URL 来规定回调
3、 $.ajax({name:value, name:value, … })
Tips:
1、在使用$.post(),$.get()时,如果我们想让接收服务器返回的JSON个数数据,需要设置dataType为json,否则他们默认返回的格式是字符串格式。
2、$.Ajax({})虽然比起另外两种更复杂一点,但是它有更多的功能,例如它能同时指定success和error状态对应的回调函数。
补充一张get与post的区别图:(网图,侵删)