网站首页 > 技术文章 正文
1.Ajax就是异步的js和xml,能够实现页面的局部刷新。
同步交互:客户端发起一个请求,必须等服务端响应结束之后,才能够发送第二个请求。
异步交互:客户端发起一个请求,不必等待服务器的响应也可以发送第二个请求。这样就实现了页面的局部刷新。
2. js实现ajax—基于xmlHttpRequest这个对象实现的。
他可以用于后台和服务器交互数据,有了这个对象就可以将同步变为异步,实现页面的局部刷新。
第一步:实例化一个xmlHttpRequest对象 var request = new XMLHttpRequest();
第二步:建立连接
第三步:发送请求
1.get提交
request.open(请求方式,url地址,是否使用异步) ①参get/post②参访问的url地址③参默认为true
注意:get提交实体内容是拼接在地址栏中的,send方法可以不传参,或传null。
2.post提交
request.open(请求方式,url地址,是否使用异步)
request。setRequestHeader(设置http头信息,比如表单提交)
request.send(请求实体内容)
第四步:注册监听:调用onreadystatechange方法进行监听
var request = new XMLHttpRequest(); request.open("GET","localhost/get",true); request.send(); request.onreadystatechange = function(){ if(request.readState === 4 && request.status === 200){ //do something... } }
3.jquery实现ajax
①$.ajax( { Url: Data:传递给后台的数据 Type:请求类型 dataType:数据格式(json) Success:回调函数 } ) ②$.get(url,data,callback,type) ③$.post(url,data,callback,type) ④$(selector).load(url,data,callback)
④号,最简单,数据格式必须为json格式,默认为get提交,callback是执行成功的回调函数
猜你喜欢
- 2024-09-12 不得不佩服,美观小巧的网页内容编辑器——ContentTools
- 2024-09-12 监听设备方向变化?分享 1 段优质 JS 代码片段!
- 2024-09-12 Jquery一个简单的注册验证(jquery注册点击事件)
- 2024-09-12 [前端请求]Ajax知识点 Jquery接口封装 fetch原生js请求
- 2024-09-12 JQuery笔记(下)(jquery gt)
- 2024-09-12 Vue.js 快速上手(vue.js怎么学)
- 2024-09-12 Ajax 的全面总结(ajax概述)
- 2024-09-12 html file选择文件一次之后就失效了怎么办
- 2024-09-12 jQuery入门2(jquery入门教程)
- 2024-09-12 Web界面开发必看!Kendo UI for jQuery编辑功能指南第二弹
- 最近发表
- 标签列表
-
- cmd/c (64)
- c++中::是什么意思 (83)
- 标签用于 (65)
- 主键只能有一个吗 (66)
- c#console.writeline不显示 (75)
- pythoncase语句 (81)
- es6includes (73)
- sqlset (64)
- windowsscripthost (67)
- apt-getinstall-y (86)
- node_modules怎么生成 (76)
- chromepost (65)
- c++int转char (75)
- static函数和普通函数 (76)
- el-date-picker开始日期早于结束日期 (70)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- & (66)
- java (73)
- js数组插入 (83)
- linux删除一个文件夹 (65)
- mac安装java (72)
- eacces (67)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)