原生Ajax的使用
来源:互联网 发布:线程同步 linux 编辑:程序博客网 时间:2024/05/22 04:59
Ajax:Asynchronous Javascript And XML:异步JavaScript和XML
其实就是异步的局部网页刷新技术
主要使用XMLHttpRequest,通过对象的属性和函数实现请求和响应的加载。
1、创建对象
var xpp;if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp = new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp = new ActiveXObject("Microsoft.XMLHTTP"); }
2、设置回调函数
浏览器会监听异步的状态,只要状态发生变化就会执行对应的函数
异步状态:
0 XMLHttpRequest对象没有完成初始化即:刚刚创建。
1 XMLHttpRequest对象开始发送请求调用了open方法,但还没有调用send方法。请求还没有发出
2 XMLHttpRequest对象的请求发送完成send方法已经调用,数据已经提交到服务器,但没有任何响应
3 XMLHttpRequest对象开始读取响应,还没有结束收到了所有的响应消息头,但正文还没有完全收到
4 XMLHttpRequest对象读取响应结束一切都收到了
xpp.onreadystatechange=function(){ //对服务器响应的数据进行处理 console.log(xpp.readyState); //验证当前的ajax对象的状态和http协议的状态响应码 if(xpp.readyState==4 && xpp.status==200){ console.log(xpp.responseText); } };
3、打开连接
需要标记当前的请求方式、请求资源路径、是否异步
如果请求方式为get那么传递参数跟在url进行传输
xpp.open("get","url路径",true);
4、设置消息头
//设置请求消息头 xpp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
5、发送请求
如果请求方式为post的话,可以传递参数
xpp.send();
以上就是使用原生的Ajax的步骤。
阅读全文
0 0
- 原生Ajax的使用
- JS原生Ajax的使用
- 原生ajax和jquery ajax的使用
- js 原生的Ajax的使用
- javascript使用原生ajax的简便方法
- 原生JavaScript实现Ajax的使用
- 原生Ajax和Jquery的Ajax使用示例
- 原生的ajax
- 原生javascript的ajax
- 封装的原生ajax
- 原生的ajax
- 原生JS的ajax
- ajax的原生写法
- 原生ajax的封装
- 原生ajax的写法
- 原生Ajax的实现
- 原生ajax的实现
- 原生ajax的书写
- Implementation of Hierarchical Attention Networks for Document Classification的讲解与Tensorflow实现
- 1.3 eclips下载与安装
- arm335x 制作启动盘
- 做毕设(六)——登录注册,回复他人评论
- 使用百度API实现实时公交站点查询及地图显示
- 原生Ajax的使用
- 关于ffmpeg 的命令总结
- 一些小笔记
- ssm事务aop实现(自用)
- java:实现字符串到二进制字符、16进制字符、unicode字符、base64字符之间的转换
- px dp 转换
- TLS/SSL 协议详解 (20)加密套件的选择
- 二类分类问题评价指标
- 《高性能SQL调优精要与案例解析》样章