get.html
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>ddd</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<script language="JavaScript" src="../js/jquery-1.3.1.js"></script>
<style type="text/css">
div,span{
width: 140px;
height: 140px;
margin: 20px;
background: #9999CC;
border: #000 1px solid;
float:left;
font-size: 17px;
font-family:Roman;
}
div.mini{
width: 30px;
height: 30px;
background: #CC66FF;
border: #000 1px solid;
font-size: 12px;
font-family:Roman;
}
div.visible{
display:none;
}
</style>
<!--引入jquery的js库-->
</head>
<body>
<form action="" name="form1" id="form1">
<input type="text" name="username" id="username" value="zhang"><br>
<input type="text" name="psw" id="psw" value="99999"><br>
<input type="button" id="b1" value="登陆">
</form>
<div id="one">
</div>
</body>
<script language="JavaScript">
$().ready(function(){
// $("#b1").click(function(){
// /*
// * $.get("get.jsp",function(data,textStatus){});
// * * 通过远程 HTTP GET 请求载入信息。
// * * 参数1:请求的url
// * * 参数2:发送到服务器的数据.格式:{key01:vlaue01,key02:vlaue02}
// * * 回调函数:function(data,textStatus)
// * * data:服务器返回的数据
// * * textStatus:代表请求状态, 其值可能为: succuss, error, notmodify, timeout 4 种.
// * * 方法的返回值是xmlHttpRequest对象
// */
// var jsonObj={
// username:$("#username").val(),
// psw:$("#psw").val()
// }
//
// $.get("get.jsp",jsonObj,function(data,textStatus){
// //alert(data);
// $("#one").text(data);
// });
// });
$("#b1").click(function(){
/*
* $.post("get.jsp",function(data,textStatus){});
* * 通过远程 HTTP post 请求载入信息。
* * 参数1:请求的url
* * 参数2:发送到服务器的数据.格式:{key01:vlaue01,key02:vlaue02}
* * 回调函数:function(data,textStatus)
* * data:服务器返回的数据
* * textStatus:代表请求状态, 其值可能为: succuss, error, notmodify, timeout 4 种.
* * 方法的返回值是xmlHttpRequest对象
*/
// var jsonObj={
// username:$("#username").val(),
// psw:$("#psw").val()
// }
//
var jsonObj=$("#form1").serialize();
$.post("get.jsp",jsonObj,function(data,textStatus){
//alert(data);
$("#one").text(data);
});
});
});
</script>
</html>
get.jsp
<%@ page language="java" pageEncoding="UTF-8"%>
<%
System.out.println(request.getMethod());
System.out.println("username "+request.getParameter("username"));
System.out.println("psw "+request.getParameter("psw"));
System.out.println(request.getMethod());
out.println("ninhao");
%>