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>

相关阅读:
[C++] Class (part 2)
[C++] Class (part 1)
[c++] Inline Function
[C++] in-class initializer
简易线程池Thread Pool
js里function的apply vs. bind vs. call
webix custom component-九宫格
webix源码阅读
比特币的原理+问题
wpf中UserControl的几种绑定方式

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