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>

相关阅读:
XP下关于快速切换用户功能的相关编程
CRC原理及其逆向分析方法
爱的十个秘密4.给予的力量
爱的十个秘密1.序幕
隐式链接无.LIB动态链接库
电影图标黑客帝国(The Matrix)
手机图标
圣斗士图标:十二星座黄金圣衣
MAC风格图标
GB码与BIG5

原文地址：https://www.cnblogs.com/chenyongjun/p/3541872.html