jQuery Ajax-javaTutorial-php.cn

jQuery Ajax

高洛峰

Release： 2017-02-08 11:57:37

Original

921 people have browsed it

Jquery encapsulates asynchronous submission very well. It is very troublesome to use AJAX directly. Jquery greatly simplifies our operations and does not need to consider the surprise of the browser.

$.post and $.get are simple methods. If you want to handle complex logic, you still need to use jQuery.ajax().

1. General format of $.ajax

$.ajax({
     type: &#39;POST&#39;,
     url: url ,
    data: data ,
    success: success ,
    dataType: dataType
});

Copy after login

2. Parameter description of $.ajax

Parameter description

jQuery Ajax

3. Some things to pay attention to in $.ajax:

1. There are three main methods of data, html splicing, json array, and form serialized by serialize(); specified by dataType, not specified Intelligent judgment.

2.$.ajax only submits the form in text mode. If the asynchronous submission contains , the upload cannot be passed. You need to use $.ajaxSubmit of jquery.form.js

4. My practical application example of $.ajax

//1.$.ajax带json数据的异步请求
var aj = $.ajax( {  
    url:&#39;productManager_reverseUpdate&#39;,// 跳转到 action  
    data:{  
             selRollBack : selRollBack,  
             selOperatorsCode : selOperatorsCode,  
             PROVINCECODE : PROVINCECODE,  
             pass2 : pass2  
    },  
    type:&#39;post&#39;,  
    cache:false,  
    dataType:&#39;json&#39;,  
    success:function(data) {  
        if(data.msg =="true" ){  
            // view("修改成功！");  
            alert("修改成功！");  
            window.location.reload();  
        }else{  
            view(data.msg);  
        }  
     },  
     error : function() {  
          // view("异常！");  
          alert("异常！");  
     }  
});

Copy after login

//2.$.ajax序列化表格内容为字符串的异步请求
function noTips(){  
    var formParam = $("#form1").serialize();//序列化表格内容为字符串  
    $.ajax({  
        type:&#39;post&#39;,      
        url:&#39;Notice_noTipsNotice&#39;,  
        data:formParam,  
        cache:false,  
        dataType:&#39;json&#39;,  
        success:function(data){  
        }  
    });  
}

Copy after login

//3.$.ajax拼接url的异步请求
var yz=$.ajax({  
     type:&#39;post&#39;,  
     url:&#39;validatePwd2_checkPwd2?password2=&#39;+password2,  
     data:{},  
     cache:false,  
     dataType:&#39;json&#39;,  
     success:function(data){  
          if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间  
          {  
               textPassword2.html("<font color=&#39;red&#39;>业务密码不正确！</font>");  
               $("#validatePassword2").val("pwd2Error");  
               checkPassword2 = false;  
               return;  
           }  
      },  
      error:function(){}  
});

Copy after login

//4.$.ajax拼接data的异步请求
$.ajax({   
    url:&#39;<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action&#39;,   
    type:&#39;post&#39;,   
    data:&#39;merName=&#39;+values,   
    async : false, //默认为true 异步   
    error:function(){   
       alert(&#39;error&#39;);   
    },   
    success:function(data){   
       $("#"+divs).html(data);   
    }
});

Copy after login

For more jQuery Ajax related articles, please pay attention to the PHP Chinese website!