jquery ajax get

来源：互联网发布：软件工程学不学高数编辑：程序博客网时间：2024/05/16 16:15

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");%>