<%@ page language="java" contentType="text/html; charset=gbk" pageEncoding="gbk"%>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gbk">
<title>ajax_request.jsp</title>
<script type="text/javascript" src="./ref/jquery-1.7.2.js"></script>
<script type="text/javascript">
function ajax_request(){
var text = $("#text1").val();
$.ajax({
type:"POST",
url:"ajax_response.jsp",
data:"text="+text,
success:function(msg){
$("#div1").html(msg);
}
});
}
</script>
</head>
<body>
这是一个ajax请求的例子<br/>
<input type="text" id="text1" name="text1" />
<input type="button" id="button1" name="button1" value="点击后返回输入的值" onclick="ajax_request()"/>
<div id="div1"></div>
</body>
</html>
|