Jquery中ajax的使用

声明:本栏目所使用的素材都是凯哥学堂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 的请求操作

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ajax使用 创建一个xhr对象var xhr=new XMLHttpRequest(); 请求过程中readyS...
    likeli阅读 494评论 1 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 134,886评论 18 139
  • 在线阅读 http://interview.poetries.top[http://interview.poetr...
    前端进阶之旅阅读 114,689评论 24 450
  • 1.JQuery 基础 改变web开发人员创造搞交互性界面的方式。设计者无需花费时间纠缠JS复杂的高级特性。 1....
    LaBaby_阅读 1,367评论 0 2
  • (本文参加第28届柏林园征文,所有内容均为本人原创”。) 一直都很喜欢在原野上看呼啸的列车,尤其是夜晚的客...
    2020洱海苍山阅读 1,695评论 5 142