测试

Ajax简单案例（实现提交值到服务器值不刷新页面）

    以下是Ajax简单案例，实现点击aaa.jsp中按钮，通过Ajax提交到服务器的 bbb.jsp页面。

aaa.jsp

<%@ page language="java" pageEncoding="utf-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<SCRIPT LANGUAGE = "JavaScript" >
var tmp = "testing";
function test(){
    var xmlHttp;  
    
    // 处理Ajax浏览器兼容
    if (window.ActiveXObject) {    
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");    
    }    
    else if (window.XMLHttpRequest) {    
        xmlHttp = new XMLHttpRequest();    
    }  
    
    var url = "bbb.jsp?test=" + tmp; // 使用JS中变量tmp     
    xmlHttp.open("post",url,true);   //配置XMLHttpRequest对象
     
    //设置回调函数
    xmlHttp.onreadystatechange = function (){
        if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
           // var respText = xmlHttp.responseText; 
           alert("调用成功!");
        }
    } 
    xmlHttp.send(null);  // 发送请求
} 
</script>
<meta http-equiv=Content-Type content="text/html;charset=GB2312">
<title>Ajax简单案例</title>
</head>
<body >
<input type="button" name="btTest1" value="测试"  onclick="test()"/> 
</body>
</html>

 bbb.jsp对aaa.jsp中通过ajax传递的值进行接收

<%@ page language="java" pageEncoding="utf-8"%>
<%
    String test = request.getParameter("test"); // 接收aaa.jsp界面传来的test参数
%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
</head>
<body>
    <input type="text" name="test" value="<%=test%>"> <!-- 引用jsp中变量 -->
</body>

 

 

 

 

posted @ 2014-02-09 20:37  Genter  阅读(2743)  评论(1)  编辑  收藏  举报

测试