以下是Ajax简单案例，实现点击aaa.jsp中按钮，通过Ajax提交到服务器的 bbb.jsp页面。
aaa.jsp
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35 |
<%@ page language="java"
pageEncoding="utf-8"%><!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"><html><head><SCRIPT LANGUAGE = "JavaScript"
>var tmp = "testing";<br>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("调用成功!");<br> } } 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传递的值进行接收
|
1
2
3
4 |
<%@ page language="java"
pageEncoding="utf-8"%><% String test = request.getParameter("test"); // 接收aaa.jsp界面传来的test参数<br>%><!DOCTYPE HTML PUBLIC
"-//W3C//DTD HTML 4.01 Transitional//EN"><br><html><br><head><br></head><br><body><br> <input type="text"
name="test"
value="<%=test%>"> <!-- 引用jsp中变量 --><br></body> |
原文：http://www.cnblogs.com/chenyongjun/p/3541872.html