Jquery中ajax的使用

Posted 2020-10-20

声明：本栏目所使用的素材都是凯哥学堂VIP学员所写，学员有权匿名，对文章有最终解释权；凯哥学堂旨在促进VIP学员互相学习的基础上公开笔记。

Jquery包装的ajax操作如下:

$get $post 操作都是一样的 就是名字不一样而已!

Url 就是你的访问的地址

Data 就是你表单的数据

Function 回调函数 就是等你请求完毕把返回的数据给这个函数!

DataTypoe 数据类型 如果你服务器上面没有写返回类型 那么你就要写这个参数了! 返回的是json类型你就写上 json text xml

a表示是服务器反馈过来的数据 如果服务器返回是json 那么这个a就是json对象 如果是String 那么这个a就是String类型 b表示这次访问服务器是否成功 success 表示本次访问服务器成功! 他还有第三个参数 jqXHR 就是XMLHttpRequest 对象

参数收集这可能有点麻烦 如果你表单上面有100个数据 那你就得写100个 很麻烦 有一种专门收集表单数据的 叫序列化 你把这里面面的js复制到你本地的一个js文件就可以了 下载地址:
https://cdn.bootcss.com/jquery.serializeJSON/2.8.1/jquery.serializejson.min.js

把这个文件下载下来之后 把她引入到锁你的页面上面 记住 引入必须要写在 jquery下面 意思就是先引jqurey之后在引入他!

引入之后入下图 记住 你表单的name 必须要写上!!!!! 然后提交的时候把当前对象参数传给方法 拿到这个当前对象就可以提交了

返回json例题如下图:

Ajax 的请求操作