ajax案例_编程学问网

ajax案例

这是一个ajax加载名字的案例，不用刷新页面，就从服务器请求到名字，点击下面按钮测试。

姓名：

ajax案例代码

html代码：

姓名：<input id="name" type="text">
    
    <input type="button" onClick="getName()" value="点我试试获取姓名">

javascript代码：

function getName(){

var xmlhttp;

if (window.XMLHttpRequest){

xmlhttp=new XMLHttpRequest();

}else{

xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");

}

xmlhttp.open("GET","name.txt",true);

xmlhttp.send();

xmlhttp.onreadystatechange=function(){

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

document.getElementById("name").value=xmlhttp.responseText;

}

}

}