jquery ajax的几种方法

当我们需要局部刷新的时候，使用ajax可以更好的实现用户体验；

第一种方法，使用$.post，先申明url和请求参数，也是如下的args，如果没有请求参数，就不需要。

           $(function(){
           var url="bookServlet";
             var idVal=$.trim(this.name);
             var auantityVal=$.trim(this.value);
             var args={"method":"updateItemQuantity","id":idVal,"quantity":auantityVal,"time":new Date()};
             $.post(url,args,function(data){
                 var booknumber=data.bookNumber;
                 var totalMoney=data.totalMoney;
                 $("#totalMoney").text("总金额: ￥"+totalMoney);
               $("#bookNumber").text("您的购物车中共有" +booknumber+" 本书");
             },"JSON");
            });

servlet后台代码

public void updateItemQuantity(HttpServletRequest request, HttpServletResponse response)throws ServletException, IOException {
            System.out.println(13);
            String idStr=request.getParameter("id");
            String quantityStr=request.getParameter("quantity");
            ShoppingCart sc= BookStoreWebUtils.getShoppingCart(request);
            int id=-1;
            int quantity=-1;
            try {
                id=Integer.parseInt(idStr);
                quantity=Integer.parseInt(quantityStr);
            } catch (NumberFormatException e) {
                e.printStackTrace();
            }
            if(id>0&&quantity>0){
                bookService.updateItemQuantity(sc,id,quantity);    
            }
            //传回json数据
            Map<String,Object> result=new HashMap<String,Object>();
            result.put("bookNumber", sc.getBookNumber());
            result.put("totalMoney", sc.getTotalMoney());
            Gson gson=new Gson();
            String jsonStr=gson.toJson(result);
            //使用 FastJson 插件，将 java对象 转为 json 格式的字符串 导入 FastJson 的jar包即可
            //String userStr = JSON.toJSONString(users);
            response.setContentType("text/javascript");
            response.getWriter().print(jsonStr);
           // response.getWriter().write(jsonStr);//把数据以json的形式响应给页面
    }

另一种方式 使用$.ajax,

$(function(){
          $.ajax({
                url:"bookServlet",
                data:{"method":"updateItemQuantity","id":$.trim(this.name),"quantity":$.trim(this.value),"time":new Date()},
                type:"post",
                dataType:"json",
                success:function(data){
                  var booknumber=data.bookNumber;
                   var totalMoney=data.totalMoney;
                    $("#totalMoney").text("总金额: ￥"+totalMoney);
                    $("#bookNumber").text("您的购物车中共有" +booknumber+" 本书");
                }
               });
            });