Heim  >  Artikel  >  Web-Frontend  >  jQuery$.post()-Methode mit angehängtem Ajax-Beispielcode

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

yulia
yuliaOriginal
2018-09-13 15:14:391534Durchsuche

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: 'POST',  
     url: url ,  
    data: data ,  
    success: success ,
     dataType: dataType
});

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 28897b20adb25fbae118a3f80f538dec enthält, müssen Sie $.ajaxSubmit von jquery.form.js verwenden >

4. Praktische Anwendungsbeispiele von $.ajax

//1.$.ajax带json数据的异步请求  
var aj = $.ajax( {    
    url:'productManager_reverseUpdate',// 跳转到 action    
    data:{    
             selRollBack : selRollBack,    
             selOperatorsCode : selOperatorsCode,    
             PROVINCECODE : PROVINCECODE,    
             pass2 : pass2    
    },    
    type:'post',    
    cache:false,    
    dataType:'json',    
    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:'post',        
        url:'Notice_noTipsNotice',    
        data:formParam,    
        cache:false,    
        dataType:'json',    
        success:function(data){    
        }    
    });    
}    
  
  
//3.$.ajax拼接url的异步请求  
var yz=$.ajax({    
     type:'post',    
     url:'validatePwd2_checkPwd2?password2='+password2,    
     data:{},    
     cache:false,    
     dataType:'json',    
     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);     
    }  
});

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!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn