ajax事件请求
2017-10-30 19:41
127 查看
首先,ajax是什么?
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
ajax是一种用于创建的快速动态网页的技术。
当async:true时,表示异步执行ajax代码;当async:false;时,表示同步执行ajax代码。
1、ajax的应用场景:
(1)异步搜索过滤内容场景;
(2)表单异步验证;
(3)异步加载内容数据;
(4)低调处理一些数据逻辑。
2、ajax的特点
(1)在不刷新当前页面的前提下,与服务器进行异步交互;
(2)优化了浏览器与服务器之间的数据传输,减少了不必要的数据往返;
(3)把部分数据处理转移到客户端,减少了服务器的压力。
3、创建ajax的过程
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象;
(2)创建一个新的http请求,并指定该HTTP请求的方法(open\send)、url及验证信息;
(3)设置onreadystaechange变化函数;
(4)发送HTTP请求;
(5)获取异步调用返回的函数;
(6)使用javascript操作DOM数据,实现异步刷新。
4、XMLHttpRequest发送请求:
(1)open(method,url,async):saync定义是否异步,默认为true;
(2)send(string);
ajax是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
ajax是一种用于创建的快速动态网页的技术。
当async:true时,表示异步执行ajax代码;当async:false;时,表示同步执行ajax代码。
1、ajax的应用场景:
(1)异步搜索过滤内容场景;
(2)表单异步验证;
(3)异步加载内容数据;
(4)低调处理一些数据逻辑。
2、ajax的特点
(1)在不刷新当前页面的前提下,与服务器进行异步交互;
(2)优化了浏览器与服务器之间的数据传输,减少了不必要的数据往返;
(3)把部分数据处理转移到客户端,减少了服务器的压力。
3、创建ajax的过程
(1)创建XMLHttpRequest对象,也就是创建一个异步调用对象;
(2)创建一个新的http请求,并指定该HTTP请求的方法(open\send)、url及验证信息;
(3)设置onreadystaechange变化函数;
(4)发送HTTP请求;
(5)获取异步调用返回的函数;
(6)使用javascript操作DOM数据,实现异步刷新。
4、XMLHttpRequest发送请求:
(1)open(method,url,async):saync定义是否异步,默认为true;
(2)send(string);
如: $.ajax(){ url:"", dataType:"json/jsonp/xml", type:"GET/POST", success:function(data){ if(data.success){ //事件操作 }else{ alert("错误信息"); } }, error:function(jqXHR){ alert("错误信息"+jqXHR.status); } }
相关文章推荐
- jquery validation 在触发按钮单击事件进行表单校验和验证通过后发起ajax请求的解决方案
- ASP.NET:为 AJAX 请求添加客户端事件
- jQuery 中的 Ajax 全局事件 当用户点击页面上某一按钮请求数据时,在页面上显示 loading... ,页面加载完成后隐藏
- ajax用beforeSend自定义请求过程中客户端事件,提高用户体验
- 在ajax异步请求动态打印与时事件安装
- ASP.NET AJAX 添加请求处理事件来防止按钮重复提交
- ajax从服务器请求事件
- ajax请求返回状态为200但还是进入error事件
- 关于ajax请求后js绑定事件失效问题解决方法
- jQuery delegate方法实现Ajax请求绑定事件不丢失
- Jquery——Day4(Ajax进阶:加载请求、错误请求、请求全局事件、json/jsonp)
- ajax数据请求和多个音频的点击事件随笔
- ajax请求返回状态为200但还是进入error事件
- jquery的ajax全局事件和AJAX 请求正在进行时显示“正在加载”
- 【JavaScript】AJAX之异步同步请求、FormData类型、事件监听接口
- ajax请求中的6个全局事件
- ASP.NET:为 AJAX 请求添加客户端事件
- 绑定事件后,ajax请求翻页后需重新绑定问题解决方法
- ASP.NET:为 AJAX 请求添加客户端事件