ajax的网上解析
/* 用XMLHTTPRequest来进行ajax异步数据交交互*/
主要有几个步骤:
//1.创建XMLHTTPRequest对象
//最复杂的一步
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
//针对某些特定版本的mozillar浏览器的bug进行修正。
if (xmlhttp.overrideMimeType) {
xmlhttp.overrideMimeType('text/xml');
};
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
2.注册回调函数
xmlhttp.onreadystatechange = callback;
//3.设置连接信息。
//open第一个参数链接方式,第二是url地址
//3,true是异步链接
//xmlhttp.open("GET","xhr.php?name=" + username,true);
//使用post方式发送数据
xmlhttp.open("POST","xhr.php",true);
//post需要自己设置http的请求头
xmlhttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
//4,发送数据,开始和服务器进行交互
//中如果true, send这句话会立即执行
//如果是false(同步),send会在服务器数据回来才执行
//xmlhttp.send(null);
//因为是get所以send中不需要内容
xmlhttp.send('name=' +username);
}
//5.写回调函数,不同相应状态进行处理
function callback(){
alert(xmlhttp.readyState);
//判断对象状态是交互完成,接收服务器返回的数据
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
//["dada","xiaoyin","liujie"]
//纯文本的数据
var responseText = xmlhttp.responseText;
var divNode = document.getElementById('result');
//6.将服务器的数据显示在客户端
divNode.innerHTML = responseText;
}
}
最新文章
- 读书笔记--SQL必知必会13--创建高级联结
- fetch 资源请求
- c语言:printf系列的函数
- hibernate内部测试题(附赠答案)
- sublime使用以及快捷键
- App技术框架
- apache 日志为每个域名独立配置单独的日志文件
- Java日期处理类
- 【我所认知的BIOS】—&;gt; uEFI AHCI Driver(4) — 第一个Protocol真难搞
- [AngularJS + Webpack] Uglifying your JavaScript
- Swift 基本数据类型
- wamp环境中mysql更改root密码
- 安装psacct或acct程序包
- JQuery 初探
- ubuntu常用命令及操作,包括安装CUDA
- JAVA传递带有空格的参数
- 吴恩达机器学习笔记8-多变量线性回归(Linear Regression with Multiple Variables)--多维特征
- Daily Scrum NO.10
- MongoDB集群搭建之主从模式
- PostgreSQL调整内存与IO的参数说明
热门文章
- You must configure either the server or JDBC driver (via the serverTimezone configuration property
- JAVA使用POI如何导出百万级别数据(转)
- ElasticSearch 一
- 隐藏用户建立(Powershell)
- java学习之路--I/O流
- Dev_GridView获取所选行的句柄
- css样式兼容各个浏览器时的部分总结
- 由PHP实现单向链表引发的对象赋值,对象传参,链表操作引发的一系列问题
- 无法登陆mysql user用户
- nodeJs和JavaScript的异同(转)