jQuery$.post()-Methode mit angehängtem Ajax-Beispielcode-js-Tutorial-php.cn

jQuery$.post()-Methode mit angehängtem Ajax-Beispielcode

yulia

Freigeben： 2018-09-13 15:14:39

Original

1574 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich die Methode $.post() in Jquery vorgestellt, die die asynchrone Übermittlung sehr gut kapselt. Die direkte Verwendung von AJAX vereinfacht unsere Vorgänge erheblich. Freunde, die es brauchen, können darauf verweisen, ich hoffe, es kann Ihnen helfen.
$.post und $.get sind einfache Methoden. Wenn Sie komplexe Logik verarbeiten möchten, müssen Sie weiterhin jQuery.ajax() verwenden.

1. Allgemeines Format von $.ajax

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

Nach dem Login kopieren

2. Parameterbeschreibung von $.ajax

Parameterbeschreibung
URL – erforderlich. Gibt die URL an, an die die Anfrage gesendet werden soll.
Daten – optional. Karten- oder Zeichenfolgenwert. Gibt die Daten an, die mit der Anfrage an den Server gesendet werden sollen.
success(data, textStatus, jqXHR)—— Optional. Die Rückruffunktion wird ausgeführt, wenn die Anfrage erfolgreich ist.
dataType – optional. Gibt den Datentyp der erwarteten Serverantwort an. Die intelligente Beurteilung erfolgt standardmäßig (XML, JSON, Skript oder HTML).

3. Einige Dinge, auf die Sie bei $.ajax achten sollten

1. Es gibt drei Hauptmethoden für Daten: HTML-Splicing, JSON-Array, Form-Form-Serialisierung( ) sequenzorientiert; durch dataType angegeben, es wird kein intelligentes Urteil angegeben.
2.$.ajax sendet das Formular nur im Textmodus. Wenn die asynchrone Übermittlung enthält, müssen Sie $.ajaxSubmit von jquery.form.js verwenden >

4. Praktische Anwendungsbeispiele von $.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("异常！");    
     }    
});  
  
  
//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){    
        }    
    });    
}    
  
  
//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(){}    
});   
  
  
//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);     
    }  
});

Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonjQuery$.post()-Methode mit angehängtem Ajax-Beispielcode. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!