ajax1

转：

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=GB2312">
<title>个人信息</title>
</head>

<body>
用户名: <input type='text' id='iname'> <button onclick="query()">搜索</button>
<div id='mlist'>
</div>
</body>
</html>

<script >

function gethttp() { //使用Ajax
if (window.XMLHttpRequest) {
return new XMLHttpRequest(); //Not IE ,创建HTTP请求对象
} else if(window.ActiveXObject) { //判断是否是IE浏览器
return new ActiveXObject("Microsoft.XMLHTTP"); //IE
} else {
alert("浏览器不支持，暂时无法注册。");
}
}

var xmlhttp = gethttp();

function query(){ //实现后台查询功能 创建HTTP请求
xmlhttp.open("GET","Q.php?user="+document.getElementById('iname').value,true); //open方法 建立对服务器的调用
//getElementById() 方法可返回对拥有指定 ID 的第一个对象的引用。
xmlhttp.onreadystatechange = displayres;
//onreadystatechange 是一个事件句柄。它的值是一个函数名称，当 XMLHttpRequest 对象的状态发生改变时，会触发此函数。状态从 0 (uninitialized) 到 4 (complete) 进行变化。仅在状态为 4 时，我们才执行代码
xmlhttp.send(null); //向服务器发送请求,只有使用send方法后，xmlhttprequest对象的readyState属性值才会开始改变，才会激活readystatechange事件，并调用函数
}

function displayres (){ //实现查询结果的展现
if (xmlhttp.readyState == 4) { //响应http请求状态变化的值 ，判断异步调用是否完成
if(xmlhttp.status == 200 || xmlhttp.status == 0)｛ //判断异步调用是否成功
var obj = eval('(' + xmlhttp.responseText + ')'); //获取数据（更新数据）
var x;
for (x in obj.Message){
document.getElementById('mlist').innerHTML+="ID:"+obj.Message[x].Id + "Info: "+obj.Message[x].Info+"<br>";
}
｝
}
}
</script>


 

Ajax中的XMLHttpRequest对象详解
http://wenku.baidu.com/link?
url=Emgb5f7kUa8wvAm3OBa1SOBX1zrwX53gtIVcvVuW9nEvlOKGmZBW8UKBbAb06Ef2xexZsegQTG0JclGGxQFVsmrlaUWf
WOcXEvA1xpJ0r37

js创建xmlHttpRequest对象实例
http://wenku.baidu.com/link?url=zEGWLZPEkD-
8DKaCHpU7uRv6SvdH3Qs0WNfnKU7jvfrq23tlBdZxDZ0iTeb9PVSaNWyGoisqZlbUwgz1k4yFo85yDdS_LDcNYX1PbPrnzrC

IE的document.getElementById混淆name和id属性的BUG
http://be-evil.org/post-86.html

http://be-evil.org/post-70.html

在javascript中访问web service方法及代码生成工具wsdl2js
http://blog.csdn.net/indexchen/article/details/588230#comments

XMLHTTP使用详解
http://blog.csdn.net/indexchen/article/details/543209

 

创建xmlhttprequest对象，也就是创建一个异步调用对象；
创建一个新的http请求，并指定该http请求的方法、url及验证信息；
设置响应http请求状态变化的函数；
发送http请求；send()
获取异步调用返回的数据；

//设置获取服务器返回数据的语句，异步调用过程完毕，并不代表异步调用成功；
if(xmlhttp.status == 200 || xmlhttp.status == 0)
document.write(xmlhttp.responseText);

document.getElementById 查找节点；
xmlHttpRequest.responseText; 更新数据；

posted @ 2015-09-16 15:27  lindamo  阅读(91)  评论(0)    收藏  举报