在jQuery中,Ajax常见的请求方式主要有一下4种:
1、$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。
如果你指定了dataType选项,那么需要保证服务器返回正确的MIME信息,(如 xml 返回 "text/xml")。
实例:
保存数据到服务器,成功时显示信息。
![](https://img.haomeiwen.com/i14207565/c8ff89a73dcb1ee7.jpg)
2.通过远程 HTTP GET 请求载入信息。
相比于复杂的$.ajax而言,GET请求功能则显得更加简单,请求成功时可调用回调函数。当然如果需要在出错时执行函数,那么还请使用$.ajax。
实例:
![](https://img.haomeiwen.com/i14207565/272fb446bc401ee4.jpg)
3. 通过远程 HTTP POST 请求载入信息。
POST请求功能也相对比较简单,请求成功时可调用回调函数。如果需要在出错时执行函数,那么请使用 $.ajax请求。
实例:
![](https://img.haomeiwen.com/i14207565/320ef0139e4cf1f8.jpg)
4.通过 HTTP GET 请求载入 JSON 数据。
实例:
![](https://img.haomeiwen.com/i14207565/6880a49f1f373b9f.jpg)
最后:
“相信有很多想学前端的小伙伴,今年年初我花了一个月整理了一份最适合2018年学习的web前端干货,从最基础的HTML+CSS+JS到移动端HTML5到各种框架都有整理,送给每一位前端小伙伴,53763,1707这里是小白聚集地,欢迎初学和进阶中的小伙伴。”
![](https://img.haomeiwen.com/i14207565/0b1716bf66d5f706.png)
网友评论