admin 发表于 2019-2-28 09:17:30

一个简单的ajax实例教程

本实例为创建一个简单的XMLHttpRequest,从一个TXT文件中返回数据。
点击按钮修改文字内容,代码部分如下:
<!DOCTYPE html>
<head>
<title>一个简单的Ajax示例</title>
<meta charset="utf8">
<script>
function loadXMLDoc(){
var xmlhttp;
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveObject(Microsoft.XMLHTTP);
}
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readystate == 4 && xmlhttp.status == 200){
document.getElementById("myDiv").innerHTML = xmlhttp.responseText;
}
xmlhttp.open('GET','test.txt');
xmlhttp.send();
}
}
</script>
</head>
<body>
<div id="myDiv">
<h2>点击按钮修改我的内容</h2>
</div>
<button type="buttom" onclick="loadXMLDoc()">点击修改内容</button>
</body>
</html>txt文档内容如下:我是新内容,如果你看到此内容说明ajax请求test.txt文件成功啦。
点我查看运行结果;

页: [1]
查看完整版本: 一个简单的ajax实例教程