asp+ajax能实现根据下拉列表值动态无刷新显示数据

最新推荐文章于 2021-06-26 05:04:58 发布

piperzero

最新推荐文章于 2021-06-26 05:04:58 发布

阅读量1.6k

点赞数

分类专栏：网站建设文章标签： ajax asp url javascript null function

网站建设专栏收录该内容

740 篇文章 1 订阅

订阅专栏

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>asp+ajax能实现根据下拉列表值动态无刷新显示数据</title>
</head>

<body>
<select id="bb">
<option value="1">a</option>
<option value="2">b</option>
</select>
<div id="cc"></div>
<script language="javascript">
function _get(a){return document.getElementById?document.getElementById(a):null}
var request = false;
try {
  request = new XMLHttpRequest();
} catch (trymicrosoft) {
  try {
    request = new ActiveXObject("Msxml2.XMLHTTP");
  } catch (othermicrosoft) {
    try {
      request = new ActiveXObject("Microsoft.XMLHTTP");
    } catch (failed) {
      request = false;
    }
  }
}
_get("bb").onchange = aaa;

function aaa(b){
b = b || window.event;
var target = b.target || b.srcElement;
var vl= _get(target.id).options[_get(target.id).selectedIndex].value;
creatrequest("serch.asp?name="+vl+"")//这里可以写url和你所选的那个options的value比如"1.asp?id="+vl+""
}

function creatrequest(url){
//alert(url)
request.open("GET", url, false);
request.onreadystatechange = updatePage;
request.send(null);
}

function updatePage() {
if (request.readyState == 4) {
      var xmlDoc = request.responseText;
  _get("cc").innerHTML=xmlDoc
  }
}
</script>

</body>
</html>

piperzero

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
asp+ajax能实现根据下拉列表值动态无刷新显示数据

<script type="text/javascript"src="
复制链接

扫一扫

专栏目录