ajax初识
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了ajax初识相关的知识，希望对你有一定的参考价值。
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<script type="text/javascript">
window.onload = function() {
//1:获取a节点，并对其添加onclick（）相应函数
document.getElementsByTagName("a")[0].onclick = function() {
// 2:创建一个XMLHttpRequest对象
var request = new XMLHttpRequest();
// 3:准备发送请求的数据:url
var url = this.href;
//4:调用XMLHttpRequest对象的open方法
request.open("GET", url);
//5:调用XMLHttpRequest对象的send方法
request.send(null);
//6:为XMLHttpRequest对象添加Onreadystatechange响应函数
request.onreadystatechange = function() {
//判断响应是否完成:XMLHttpRequest的readyState的属性值为4的时候
// alert(request.readyState);
if(request.readyState == 4) {
// 判断响应是否可用，XMLHttpRequest的status的属性值为200的时候
if(request.status == 200 || request == 304){
//8:打印响应结果
alert(request.responseText);
}
}
}
return false; //保证不会调转啊，取消点击的默认行为
};
}
</script>
</head>
<body>
<a href="helloAjax.txt">helloAjax</a>
</body>
</html>
上述实现默认a链接不跳转，get方法读取hello_world.txt内部内容
*POST：加 request.setRequestHeader("ContentType","application/x-www-form-urlencoded");
以上是关于ajax初识的主要内容，如果未能解决你的问题，请参考以下文章