具体请点击:http://www.verydemo.com/demo_c107_i4712.html
由于项目需求,需要做一个级联下拉列表,上网找了很多的东东,都不好,而且有时候跟项目中的js产生了冲突,所以,只好自己动手写了一个,ajax可以返回两种类型,一个是字符串,一个是xml文档型,以前实现ajax都是采用的串行,今天,做的这个ajax是返回的一个xml对象类型........
看实例:
index.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<html>
<head>
<title>二级菜单联动演示</title>
<script type="text/javascript">
var req;
window.οnlοad=function()
{//页面加载时的函数
}
function Change_Select(){//当第一个下拉框的选项发生改变时调用该函数
var province = document.getElementById('province').value;
var url = "select?id="+ escape(province);
if(window.XMLHttpRequest){
req = new XMLHttpRequest();
}else if(window.ActiveXObject){
req = new ActiveXObject("Microsoft.XMLHTTP");
}
if(req){
req.open("GET",url,true);
//指定回调函数为callback
req.onreadystatechange = callback;
req.send(null);
}
}
//回调函数
function callback(){
if(req.readyState ==4){
if(req.status ==200){
parseMessage();//解析XML文档
}else{
alert("不能得到描述信息:" + req.statusText);
}
}
}
//解析返回xml的方法
function parseMessage(){
var xmlDoc = req.responseXML.documentElement;//获得返回的XML文档
var xSel = xmlDo…………………………………………………………………………