jQuery-Ajax-Instanzen ($.ajax, $.post, $.get)-js-Tutorial-php.cn

jQuery-Ajax-Instanzen ($.ajax, $.post, $.get)

巴扎黑

Freigeben： 2017-06-30 14:15:44

Original

1132 Leute haben es durchsucht

Jquery kapselt die asynchrone Übermittlung sehr gut. Die direkte Verwendung von AJAX vereinfacht unsere Vorgänge erheblich und wir müssen uns keine Sorgen über die Überraschung des Browsers machen.

Empfehlen Sie einen guten jQuery-Ajax-Beispielartikel.

$.post und $.get sind einige einfache Methoden , weiterhin müssen Sie jQuery.ajax()

1 verwenden. Das allgemeine Format von $.ajax

$.ajax({

Typ: 'POST',

URL: URL,

Daten: Daten,

Erfolg : Erfolg ,

dataType: dataType

});

2. $.ajax Parameterbeschreibung

Parameterbeschreibung

url	必需。规定把请求发送到哪个 URL。
data	可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR)	可选。请求成功时执行的回调函数。
dataType	可选。规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。

url

td>Erforderlich. Gibt die URL an, an die die Anfrage gesendet werden soll.

Daten

Optional. Karte oder String-Wert. Gibt die Daten an, die mit der Anfrage an den Server gesendet werden sollen.

success(data, textStatus, jqXHR)

Optional. Callback-Funktion

wird ausgeführt, wenn die Anfrage erfolgreich ist.

dataType

Optional. Gibt den Datentyp

der erwarteten Serverantwort an. Führen Sie standardmäßig eine intelligente Beurteilung durch (XML, JSON, Skript oder HTML).

3. Einige Dinge, die Sie zu $.ajax beachten sollten:

1. Es gibt drei Hauptmethoden für Daten: HTML-Splicing, JSON

Array

, durch Serialize() angegebene Form, es wird keine intelligente Beurteilung angegeben.

2.$.ajax sendet das Formular nur im Textmodus. Wenn die asynchrone Übermittlung

 1 //1.$.ajax带json数据的异步请求 2 var aj = $.ajax( {  
 3     url:'productManager_reverseUpdate',// 跳转到 action   4     data:{  
 5              selRollBack : selRollBack,  
 6              selOperatorsCode : selOperatorsCode,  
 7              PROVINCECODE : PROVINCECODE,  
 8              pass2 : pass2  
 9     },  
10     type:'post',  
11     cache:false,  
12     dataType:'json',  
13     success:function(data) {  
14         if(data.msg =="true" ){  
15             // view("修改成功！");  16             alert("修改成功！");  
17             window.location.reload();  
18         }else{  
19             view(data.msg);  
20         }  
21      },  
22      error : function() {  
23           // view("异常！");  24           alert("异常！");  
25      }  
26 });27 28 29 //2.$.ajax序列化表格内容为字符串的异步请求30 function noTips(){  
31     var formParam = $("#form1").serialize();//序列化表格内容为字符串  32     $.ajax({  
33         type:'post',      
34         url:'Notice_noTipsNotice',  
35         data:formParam,  
36         cache:false,  
37         dataType:'json',  
38         success:function(data){  
39         }  
40     });  
41 }  
42 43 44 //3.$.ajax拼接url的异步请求45 var yz=$.ajax({  
46      type:'post',  
47      url:'validatePwd2_checkPwd2?password2='+password2,  
48      data:{},  
49      cache:false,  
50      dataType:'json',  
51      success:function(data){  
52           if( data.msg =="false" ) //服务器返回false，就将validatePassword2的值改为pwd2Error，这是异步，需要考虑返回时间  53           {  
54                textPassword2.html("<font color=&#39;red&#39;>业务密码不正确！</font>");  
55                $("#validatePassword2").val("pwd2Error");  
56                checkPassword2 = false;  
57                return;  
58            }  
59       },  
60       error:function(){}  
61 }); 
62 63 64 //4.$.ajax拼接data的异步请求65 $.ajax({   
66     url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',   
67     type:'post',   
68     data:'merName='+values,   
69     async : false, //默认为true 异步   70     error:function(){   
71        alert('error');   
72     },   
73     success:function(data){   
74        $("#"+ps).html(data);   
75     }76 });

Nach dem Login kopieren

upload

enthält, kann es nicht übergeben werden .form.js.

Mein praktisches Anwendungsbeispiel von $.ajax

Das obige ist der detaillierte Inhalt vonjQuery-Ajax-Instanzen ($.ajax, $.post, $.get). Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!