AJAX创建动态列表

最新推荐文章于 2021-08-06 09:33:57 发布

原创最新推荐文章于 2021-08-06 09:33:57 发布 · 322 阅读

CC 4.0 BY-SA版权

文章标签：

#ajax #xmlhttprequest #url #function #null #浏览器

<html>
<head>
<script src="selectcustomer.js"></script>
</head>

<body>

<form>
请选择一位客户：
<select name="customers" onchange="showCustomer(this.value)">
<option value="ALFKI">Alfreds Futterkiste
<option value="NORTS ">North/South
<option value="WOLZA">Wolski Zajazd
</select>
</form>

<div id="txtHint"><b>客户信息将在此处列出。</b></div>

</body>
</html>

}

function stateChanged(){
if(xmlHttp.readyState==4){
document.getElementById("txtHint").innerHTML=xmlHttp.responseText;
}
}
function showCustome(str){
createXMLHttpRequest();
var url="gethint.jsp";
url=url+"?p="+str;
url=url+"&sid="+Math.random();
xmlHttp.onreadystatechange=stateChanged;
xmlHttp.open("GET",url,true);

xmlHttp.send(null);

}
</script>