黑马程序员技术交流社区
标题:
使用纯DOM方式实现ajax异步交互
[打印本页]
作者:
明光照
时间:
2012-9-22 16:38
标题:
使用纯DOM方式实现ajax异步交互
var xmlHttp;
var backInfo;
function AjaxEncode() {
var userName = document.getElementById("userName").value;
xmlHttp = new XMLHttpRequest();
xmlHttp.open("post", "AJAXServer", true);
xmlHttp.onreadystatechange = callback;
//使用post方式发送请求需要自己设置http的请求头
xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
// xmlHttp.send("name=" + userName);
xmlHttp.send("name=" + encodeURI(userName)); //解决代码的乱码encodeURL()
}
function callback() {
//alert(xmlHttp.status);//显示返回http状态的代码。成功的代码为200
if (xmlHttp.readyState == 4) {
var backInfo = xmlHttp.responseText;
// alert(xmlHttp.responseText);
//获取Id为result的那个结点。以便对其进行操作。
var Innert = document.getElementById("result");
//写入服务器返回的值到result结点
Innert.innerHTML = backInfo;
}
}
作者:
许庭洲
时间:
2012-9-24 16:54
值得学习ing!
欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/)
黑马程序员IT技术论坛 X3.2