网站首页 > 技术文章 正文
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编辑功能指南第二弹
- 08-06中等生如何学好初二数学函数篇
- 08-06C#构造函数
- 08-06初中数学:一次函数学习要点和方法
- 08-06仓颉编程语言基础-数据类型—结构类型
- 08-06C++实现委托机制
- 08-06初中VS高中三角函数:从"固定镜头"到"360°全景",数学视野升级
- 08-06一文讲透PLC中Static和Temp变量的区别
- 08-06类三剑客:一招修改所有对象!类方法与静态方法的核心区别!
- 1522℃桌面软件开发新体验!用 Blazor Hybrid 打造简洁高效的视频处理工具
- 650℃Dify工具使用全场景:dify-sandbox沙盒的原理(源码篇·第2期)
- 527℃MySQL service启动脚本浅析(r12笔记第59天)
- 492℃服务器异常重启,导致mysql启动失败,问题解决过程记录
- 492℃启用MySQL查询缓存(mysql8.0查询缓存)
- 479℃「赵强老师」MySQL的闪回(赵强iso是哪个大学毕业的)
- 461℃mysql服务怎么启动和关闭?(mysql服务怎么启动和关闭)
- 460℃MySQL server PID file could not be found!失败
- 最近发表
- 标签列表
-
- cmd/c (90)
- c++中::是什么意思 (84)
- 标签用于 (71)
- 主键只能有一个吗 (77)
- c#console.writeline不显示 (95)
- pythoncase语句 (88)
- es6includes (74)
- sqlset (76)
- windowsscripthost (69)
- apt-getinstall-y (100)
- node_modules怎么生成 (87)
- chromepost (71)
- flexdirection (73)
- c++int转char (80)
- mysqlany_value (79)
- static函数和普通函数 (84)
- el-date-picker开始日期早于结束日期 (70)
- asynccallback (71)
- localstorage.removeitem (74)
- vector线程安全吗 (70)
- java (73)
- js数组插入 (83)
- mac安装java (72)
- 查看mysql是否启动 (70)
- 无效的列索引 (74)