使用Ajax怎么实现一个动态加载组合框

  介绍

这篇文章将为大家详细讲解有关使用Ajax怎么实现一个动态加载组合框,文章内容质量较高,因此小编分享给大家做个参考,希望大家阅读完这篇文章后对相关知识有一定的了解。

<强>一,省。jsp

& lt; % @  page 语言=癹ava",进口=癹ava.util。*“, pageEncoding=癠TF-8" %比;   ,& lt; html>   & lt;才能head>   ,,& lt; script 类型=拔谋?javascript",语言=癹avascript"比;   ,,,var  xmlHttp =,假的,,//全局变量,用于记录XMLHttpRequest对象   ,,,function  createXMLHttpRequest (), {   ,,,,如果(window.ActiveXObject), {,//Internet  Explorer时,创建XMLHttpRequest对象的方法   ,,,,,try  {   ,,,,,xmlHttp =, new  ActiveXObject (“Msxml2.XMLHTTP");   ,,,,},捕捉(e), {   ,,,,,try  {,,,,,, xmlHttp =, new  ActiveXObject (“Microsoft.XMLHTTP");   ,,,,,,//旧版本的Internet 探险家,创建XMLHttpRequest对象   ,,,,,},捕捉(e), {   ,,,,,,window.alert(“创建XMLHttpRequest对象错误“+ e);   ,,,,,},   ,,,,}   ,,,},else 如果(window.XMLHttpRequest), {,//mozilla时,创建XMLHttpRequest对象的方法   ,,,,,xmlHttp =, new  XMLHttpRequest ();   ,,,,},   ,,,如果(! (xmlHttp)),{,//未成功创建XMLHttpRequest对象   ,,,,,window.alert(“创建XMLHttpRequest对象异常!“);   ,,,},   ,,,}   ,,//下拉列表项改变时的操作   ,,function  proChange (objVal), {   ,,,,createXMLHttpRequest();,//创建XMLHttpRequest对象   ,,,,. getelementbyid (“city") .length =, 1,,,,//根据ID获取指定元素,并赋值   ,,,,xmlHttp.onreadystatechange =, cityList;,//指定onreadystatechange处理函数   ,,,,var  url=癈ityByXMLServlet ??? objVal;,//请求的url地址   ,,,,xmlHttp.open (“POST"、url、真实);   ,,,,xmlHttp.send(空);   ,,,}   ,,,function  cityList (), {,//onreadystatechange的处理函数   ,,,如果(xmlHttp.readyState==4), {   ,,,,,如果(xmlHttp.status==200), {   ,,,,,,parseXML (xmlHttp.responseXML);,,,//解析服务器返回XML的数据   ,,,,}   ,,,,}   ,,}   ,,,//解析xml信息,以添加地市   ,,,function  parseXML (xmlDoc), {   ,,,var  len =, xmlDoc.getElementsByTagName (“city");   ,,,//获取XML数据中所有的“城市”元素对象集合   ,,,,var  _citySel =, . getelementbyid (“city");,,,//根据ID获取页面中的选择元素   ,,,,,(var 我=0;i   ,,& lt; title>动态加载组合框& lt;/title>   & lt;才能/head>   & lt;才能body>   ,,& lt; table 对齐=癱enter",边境=1,宽度=?20“比;   ,,,& lt; tr>   ,,,,& lt; td>省份:& lt;/td>   ,,,& lt; td>   ,,,,& lt; select  id=皃rovince", onChange=皃roChange (this.value);“,在   ,,,,,& lt; option 价值=https://www.yisu.com/zixun/癵d”>广东> 广西   <选项值=" hn ">湖南>               道明> 城市:   <选择id="城市">   <选项值=" ">,请选择——                  

<强>二,CityByXMLServlet。java

package  servlet;   import  java.io.IOException;   import  java.io.PrintWriter;   import  java.util。*;   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null   null

使用Ajax怎么实现一个动态加载组合框