通过XMLHTTP实现不刷新页面，提交并取回返回结果，非常有用!

最新推荐文章于 2022-04-06 17:44:09 发布

look4u

最新推荐文章于 2022-04-06 17:44:09 发布

阅读量1.2k

点赞数 1

分类专栏： JSP 文章标签： jsp xml 数据库 import html javascript

本文链接：https://blog.csdn.net/look4u/article/details/544158

版权

JSP 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

比如在页面不刷新的情况下，点一个下拉菜单访问一次数据库去改变另一个下拉菜单的值。
这个例子中，省略了访问数据库的细节，直接替换为修改XML的内容，因为重点是讨论怎么使用XMLHTTP。
页面中只有两个下拉菜单，当第一个菜单改变时，第二个菜单里的值会变成和第一个相对的值。
//发送请求的HTML页面（或JSP，ASP其他页面）/
<html>
<head>
<title>Jack Zheng xmlhttp test</title>
<script language="javascript">
function sendData(){
var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
xmlhttp.Open("post", "nofile.jsp?param="+document.form1.input.value, false);//向JSP提交请求
xmlhttp.Send();
var xml=xmlhttp.responseText;//从JSP获取结果

var xmlDoc = new ActiveXObject("Msxml2.DOMDocument");
var i=0;

    xmlDoc.async=false;
    xmlDoc.resolveExternals = false;
    xmlDoc.validateOnParse = false;
    xmlDoc.loadXML(xml);

    xmlObj=xmlDoc.documentElement;
    nodes = xmlDoc.documentElement.childNodes;
    //从Select中删除项目
    for(i=0;i<document.form1.output.options.length;i++){
      document.form1.output.options[i] = null;
    }
    //向Select中添加项目
    document.form1.output.options.length = 0;
    for (i=0;i<xmlObj.childNodes.length;i++){
      values=xmlObj.childNodes(i).getAttribute("id");
      labels=xmlObj.childNodes(i).text;
      //alert(values+","+labels);
      document.form1.output.add(document.createElement("OPTION"));
      document.form1.output.options[i].text=labels;
      document.form1.output.options[i].value=values;
    }
}
</script>
</head>
<body bgcolor="#FFFFFF">
<form name="form1" method="post" action="">
<select name="input" οnchange="sendData()">
    <option value="zhengjia">zhengjia</option>
    <option value="Jack">Jack</option>
    <option value="JSP">JSP</option>
    <option value="JavaScript">JavaScript</option>
    <option value="Html">Html</option>
</select>
<select name="output">
</select>
</form>
</body>

//处理请求的JSP页面///
<%@ page language="java" contentType="text/html; charset=GBK" pageEncoding="GBK"%>
<%@ page import="java.io.*"%>
<%@ page import="java.util.*"%>
<%
//获取参数
String strParam=request.getParameter("param");
StringBuffer xml = new StringBuffer();
//xml.append("<?xml version='1.0' encoding='gb2312'?>/r/n")
  xml.append("<test>/r/n");
        for(int i=0;i<4;i++){
        //根据，参数修改XML的值，此处其实可以替换为数据库操作
            xml.append("<tt id='"+i+"'>/r/n")
                    .append(strParam+i+"/r/n")
                .append("</tt>/r/n");
    }
xml.append("</test>");
out.println(xml.toString());//输出到HTML端的JS
%>