ajax和struts实现级联

最新推荐文章于 2019-09-18 15:22:57 发布

iteye_6145

最新推荐文章于 2019-09-18 15:22:57 发布

阅读量122

点赞数

分类专栏： js 文章标签： Ajax Struts XML JSP Microsoft

js 专栏收录该内容

12 篇文章

订阅专栏

本文探讨了一个关于JavaScript中回调函数的问题，特别是在AJAX请求完成后触发的回调函数未能正常执行的情况。通过对具体代码的分析，揭示了可能的原因及解决方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<html>
<head>
<base href="<%=basePath%>">

<title>My JSP 'index.jsp' starting page</title>
<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="This is my page">

<script type="text/javascript">
var xmlhttp;
function createXMLHttp(){
if(window.ActiveXObject){
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}else if(window.XMLHttpRequest){
xmlhttp=new XMLHttpRequest();
}
}

function getLevel2(){
createXMLHttp();
url="info.do?id="+document.forms.form1.select1.value;
alert(url);
xmlhttp.open("get",url,true);
xmlhttp.onreadystatechange=function callback(){
if(xmlhttp.readyState==4)
{
if(xmlhttp.status==200)
{

addOption();
}
}
};
xmlhttp.send(null);
}
function clearlist(){
var models=document.getElementById("select2");
while(models.childNodes.length>0){
models.removeChild(models.childNodes[0]);
}
}
function addOption(){
clearlist();
createXMLHttp();
var xmlDoc=xmlhttp.responseXML;
alert(xmlDoc);
var results=xmlDoc.getElementsByTagName("option");
for(var i=0;i<results.length;i++){
var xValue=results[i].childNodes[0].firstChild.nodeValue;
var xText=results[i].childNodes[1].firstChild.nodeValue;
var option=new Option(xText,xValue);
models.appendChild(option);
}
}

</script>
</head>

<body>
<form action="#" name="form1">
<select name="select1" onchange="getLevel2();">
<option value="0">
请选择一级目录
</option>
<%
List<Info> list = InfoDao.getFirst();
for (Info info : list) {
request.setAttribute("info", info);
%>
<option value="${info.id }">
${info.name }
</option>
<%
}
%>
</select>
<select name="select2">
<option value="0">
请选择二级目录
</option>
</select>
</form>
<br>
</body>
</html>

action代码
public class InfoAction extends Action {
/*
* Generated Methods
*/

/**
* Method execute
* @param mapping
* @param form
* @param request
* @param response
* @return ActionForward
*/
public ActionForward execute(ActionMapping mapping, ActionForm form,
HttpServletRequest request, HttpServletResponse response) {
// TODO Auto-generated method stub
String id=request.getParameter("id");
Info info1=InfoDao.getInfo(id);
List<Info> list=(ArrayList<Info>)InfoDao.getNext(info1);
String xml_start="<?xml version=\"1.0\" encoding=\"UTF-8\"?><selects>";
String xml_end="</selects>";
String xml="";
for(Info info : list){
xml+="<option value='"+info.getId()+"'>'"+info.getName()+"'</option>";
}
String last_xml=xml_start+ xml+ xml_end;
try {
response.getWriter().write(last_xml);
} catch (IOException e) {
// TODO Auto-generated catch block
e.printStackTrace();
}
System.out.println(last_xml);
return mapping.findForward("ok");
}
}为什么js中addOption()在callback()中调用不起作用啊？求高手指导