Jquery中ajax的使用
2018-01-09 本文已影响10人
凯哥学堂
声明:本栏目所使用的素材都是凯哥学堂VIP学员所写,学员有权匿名,对文章有最终解释权;凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。
Jquery包装的ajax操作如下:
$get $post 操作都是一样的 就是名字不一样而已!
Url 就是你的访问的地址
Data 就是你表单的数据
Function 回调函数 就是等你请求完毕把返回的数据给这个函数!
DataTypoe 数据类型 如果你服务器上面没有写返回类型 那么你就要写这个参数了! 返回的是json类型你就写上 json text xml
![](https://img.haomeiwen.com/i3014144/55f5c24c434360f4.jpg)
![](https://img.haomeiwen.com/i3014144/192ed7ab9a04ef7a.jpg)
a表示是服务器反馈过来的数据 如果服务器返回是json 那么这个a就是json对象 如果是String 那么这个a就是String类型 b表示这次访问服务器是否成功 success 表示本次访问服务器成功! 他还有第三个参数 jqXHR 就是XMLHttpRequest 对象
![](https://img.haomeiwen.com/i3014144/46b2ceb07726232d.jpg)
参数收集这可能有点麻烦 如果你表单上面有100个数据 那你就得写100个 很麻烦 有一种专门收集表单数据的 叫序列化 你把这里面面的js复制到你本地的一个js文件就可以了 下载地址:
https://cdn.bootcss.com/jquery.serializeJSON/2.8.1/jquery.serializejson.min.js
![](https://img.haomeiwen.com/i3014144/ced66caba595cc21.jpg)
把这个文件下载下来之后 把她引入到锁你的页面上面 记住 引入必须要写在 jquery下面 意思就是先引jqurey之后在引入他!
![](https://img.haomeiwen.com/i3014144/470817124b994dd8.jpg)
引入之后入下图 记住 你表单的name 必须要写上!!!!! 然后提交的时候把当前对象参数传给方法 拿到这个当前对象就可以提交了
![](https://img.haomeiwen.com/i3014144/33918eb72ce126c9.jpg)
返回json例题如下图:
![](https://img.haomeiwen.com/i3014144/b9ebe4f5f96aabe7.jpg)
![](https://img.haomeiwen.com/i3014144/9a10c887e2b6928e.jpg)
![](https://img.haomeiwen.com/i3014144/08770fa6e1664ec3.jpg)
Ajax 的请求操作
![](https://img.haomeiwen.com/i3014144/9e12305eff5eefb6.jpg)