Ajax起步

发布时间：2020-12-16 01:29:56 所属栏目：百科来源：网络整理

导读：Ajax的关键在于XMLHttpRequest对象，理解这个对象的例子如下： !DOCTYPE HTML html head titleAjax/title /head body div buttonApple/button buttonSamsung/button buttonIBM/button /div div id="target" Press a button /div script var buttons = docume

Ajax的关键在于XMLHttpRequest对象，理解这个对象的例子如下：

<!DOCTYPE HTML>

<html>

<head>

</head>

<body>

<div>

<button>Apple</button>

<button>Samsung</button>

</div>

Press a button

</div>

var buttons = document.getElementsByTagName("button");

for(var i = 0; i < buttons.length; i++){

buttons[i].onclick = handleButtonPress;

}

function handleButtonPress(e){

var httpRequest = new XMLHttpRequest();

httpRequest.onreadystatechange = handleResponse;

httpRequest.open("GET",e.target.innerHTML + ".html");

httpRequest.send();

}

function handleResponse(e){

if(e.target.readyState == XMLHttpRequest.DONE &&

e.target.status == 200){

document.getElementById("target").innerHTML

= e.target.responseText;

}

</script>

</body>

</html>

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!