標籤：ref return 擷取 response XML utf-8 body ajax func
<!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初識
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
