Ajax 学习 详解

<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页面
xmlHttpR.send(null);//执行访问，由于是get请求，所以参数填写的null，若是post请求，需要在次添加参数
}
function testAjax(){

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

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

}

</script>

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

关于ajax状态码