ajax_option.html
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>ajax_option.html</title>
<script type="text/javascript">
function getText(value){
var xmlhttp;
if(value == ""){
document.getElementById("showText").innerHTML = "The choice is null.";
}
//新建一个请求对象
if(window.XMLHttpRequest){
xmlhttp = new XMLHttpRequest();
}else{
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange = function(){
if(xmlhttp.readyState == 4 && xmlhttp.status == 200){
document.getElementById("showText").innerHTML = xmlhttp.responseText;
}
}
xmlhttp.open("GET","/testfile/option_php.php?str="+value,true);
xmlhttp.send();
}
</script>
</head>
<body>
<div>
<input type="button" onchang="getText(this.value)" value="click it">
<form action="">
<label>Please chose a company
<select onchange="getText(this.value)">
<option value="choice">choice</option>
<option value="baidu">baidu</option>
<option value="google">google</option>
<option value="tecent">tecent</option>
</select>
</label>
</form>
<div id="showText"></div>
</div>
</body>
</html>本文参与 腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。
如有侵权请联系 cloudcommunity@tencent.com 删除
评论
登录后参与评论
暂无评论
![ajax html例子,AJAX实例[通俗易懂]](https://ask.qcloudimg.com/http-save/yehe-8223537/df3434e4d38371c74ed556b7bdcb008c.jpg)
推荐阅读
相关推荐
Ajax学习笔记
更多 >
💥开发者 MCP广场重磅上线！
精选全网热门MCP server，让你的AI更好用 🚀
腾讯云开发者
