JavaScript之AJAX实现二级联动菜单(jsp+js+servlet

本文通过一个JavaScript实例展示了如何使用AJAX和Servlet实现二级联动菜单。当选择一级菜单时,通过AJAX发送请求获取XML数据,动态更新二级菜单的内容。示例涉及xhr对象创建、回调函数、XML数据解析等关键步骤。
摘要由CSDN通过智能技术生成

return new ActiveXObject(arguments.callee.activeXString);

}else{

throw new Error(“No XHR object available”);

}

}

//当第一个下拉框的选项发生改变时调用该函数

function changeSelect(){

var province = document.getElementById(‘province’).value;

var url = “select?id=”+ encodeURI(province);

xhr=creatXHR();

if(xhr){

xhr.open(“GET”,url,true);

//指定回调函数为callback

xhr.onreadystatechange = callback;

xhr.send(null);

}

}

//回调函数

function callback(){

if (xhr.readyState==4) {

if ((xhr.status>=200&&xhr.status<300)||xhr.status==304) {

parseMessage();

}else{

alert(“Request was unsuccessful:”+xhr.status);

}

}

}

//解析返回xml的函数

function parseMessage(){

var xmlDoc = xhr.respo

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值