码迷,mamicode.com
首页 > 编程语言 > 详细

Jquery中ajax的使用

时间:2018-01-09 22:07:36      阅读:230      评论:0      收藏:0      [点我收藏+]

标签:Jquery中ajax的使用

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

Jquery包装的ajax操作如下:

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

Url 就是你的访问的地址

Data 就是你表单的数据

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

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

image

image

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

image

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

image

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

image

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

image

返回json例题如下图:

image

image

image

Ajax 的请求操作

image

Jquery中ajax的使用

标签:Jquery中ajax的使用

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
凯哥学堂
加入时间:2016-10-07
  关注此人  发短消息
java学习视频下载:www.kaige123.com
凯哥学堂”关注的人------(0
凯哥学堂”的粉丝们------(1
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!