$.ajax()用法

djlijian · 发表于 2013-1-29 10:35:35

jQuery 中异步处理之 $.ajax()的用法：

1、对应的jsp页面，引入jQuery插件：
<script type="text/javascript" src="scripts/jquery-1.6.2.min.js"></script>
<script type="text/javascript">

$(function(){

$("#btn").click(function(){

$.ajax({
        type: "POST",
        dataType :"html",
        url: "MyServlet",
        data: {"params1":$("#params1").val(),"params2":$("#params2").val()},
        success: function(returnedData){
           $("#result").val(returnedData);
        }
      });
   });
});
</script>
</head>
<body>
     <input type="text" name="params1" id="params1">+
     <input type="text" name="params2" id="params2">=
     <input type="text" name="username" id="result"/>
     <input type="button" id="btn" name="btn" value="Get content from server"/>
</body>

2、通过$.ajax()，来请求servlet：
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {

     response.setHeader("pragma", "no-cache");
     response.setHeader("cache-control", "no-cache");

     int params1 = Integer.parseInt(request.getParameter("params1"));
     int params2 = Integer.parseInt(request.getParameter("params2"));

     String result = String.valueOf(params1 + params2);

     PrintWriter out = response.getWriter();

     out.println(result);

     out.flush();
     out.close();
}

		自动登录	找回密码
密码			立即注册