Ajax 学习 详解

Asynchronous JavaScript and XML：异步 JavaScript 和 XML。不是新的编程语言，而是一种使用现有标准的新方法。

 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

<form>

<input id="name" name="lvmeihe" onkeyup="testAjax()" type="text">
<span id="testAjax"/>
</form>
<script>
var xmlHttpR;//定义ajax对象
function testAjax(){
var name = document.getElementById("name").value;
var url = "lvmiehe.jsp?name="+name;
xmlHttpR = new XMLHttpRequest();//获取ajax对象
xmlHttpR.onreadystatechange = testAjax;//设置响应函数
xhmHttpR.open("GET",url,true);//设置访问的jsp页面，url文件在服务器上的位置，true（异步）或 false（同步）
xmlHttpR.send(  );//执行访问，由于是get请求，所以参数填写的null，若是post请求，xmlHttpR.send(String)；
}
function testAjax(){

if(xmlHttpR.readyState ==4 && xmlHttpR.status ==200){

document.getElementById('testAjax').innerHTML = xmlHttpR.responseText;//将相应的内容写入span中
}

}

</script>

下面是关于 DOM event的相关事件

关于ajax状态码

获取当前文本框的值
<input type="text" id="id" onkeyup="method(this.value)" />在方法内些ajax请求