通过jQuery实现AJAX

　　　　> 使用get和getJSON都会有缓存问题，并且使用get方法不能传送较多的数据。

　问题：

　　　　在IE浏览器中，get请求使用ajax存在缓存问题，会使用上一次请求的结果处理请求，而不向服务器发送请求

　　解决办法：

　　　　在请求尾部带一个随机参数，如：var url="/MyProject/user?t="+Math.random();

　　　　post请求：通过send()方法传递参数，需要设置请求头，没有浏览器缓存问题

　　　　> post方法不会有缓存的问题，所以我们开发时使用post方法较多。

1、 post()方法

　　　　　　$.post(url, [data], [callback], [type])

　　　　参数：

　　　　　　url：发送AJAX的请求地址，字符串

　　　　　　data：发送给服务器的请求参数，JSON格式。

　　　　　　callback：当前需要获取服务器发送的响应时，我们可以通过该回调函数

　　　　　　jQuery会将响应信息以回调函数的参数的形式返回

　　　　　　type：响应信息的类型，字符串。一般两个常用值text、json

2、 get()方法

　　　　- get方法和post方法使用方式基本一致。

3、 getJSON()方法

　　　　getJSON(url, [data], [callback])

　　　　getJSON方法和get方法类似，只不过该方法默认的响应类型为JSON，不需要再手动指定。

　　代码演示：

 　　　　$("input[name=username]").blur(function(){

             var url="${pageContext.request.contextPath}/user?method=isExists";

             var username=$("input[name=username]").val();

             var param={"username":username};

             function callback(data){

                 if(data==1){

                     $(".errorMsg").text("用户名已存在");

                     $("#sub_btn").attr("disabled",true);

                 }else{

                     $(".errorMsg").text("用户名可以使用");

                     $("#sub_btn").attr("disabled",false);

                 }

             }

             $.post(url,param,callback,"text");

         });

　　Servlet中的验证方法：

 　　public void isExists(HttpServletRequest request,HttpServletResponse response) throws ServletException, IOException{

         String username=request.getParameter("username");

         boolean isExists=userService.isExists(username);

         if(isExists){   //用户已存在

             response.getWriter().println("1");

         }else {

             response.getWriter().println("0");

         }

     }

巴特西

通过jQuery实现AJAX

通过jQuery实现AJAX

最新文章

热门文章