Instances jQuery Ajax ($.ajax, $.post, $.get)-js tutoriel-php.cn

Instances jQuery Ajax ($.ajax, $.post, $.get)

巴扎黑

Libérer： 2017-06-30 14:15:44

original

1133 Les gens l'ont consulté

Jquery encapsule très bien la soumission asynchrone. Il est très gênant d'utiliser AJAX directement, ce qui simplifie grandement notre fonctionnement et nous n'avons pas à nous soucier de la surprise du navigateur.

Recommandez un bon exemple d'article jQuery Ajax. Si vous oubliez, vous pouvez le consulter

$.post et $.get sont quelques méthodes simples. , vous devez toujours utiliser jQuery.ajax()

1 Le format général de $.ajax

$.ajax({<.>

tapez : 'POST',

url :

url,

données :

données,

succès :

succès ,

dataType:

dataType

});

2. Description du paramètre $.ajax

Description du paramètre

url

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

td>Obligatoire. Spécifie l'URL à laquelle la demande doit être envoyée.

données

Facultatif. Carte ou valeur String

. Spécifie les données à envoyer au serveur avec la requête.

success(data, textStatus, jqXHR)

Facultatif. Fonction de rappel exécutée lorsque la requête réussit.

dataType

Facultatif. Spécifie le type de données de la réponse attendue du serveur.

Effectuez un jugement intelligent (xml, json, script ou html) par défaut.

3 Quelques points à noter à propos de $.ajax :

1. Il existe trois méthodes principales de traitement des données, l'épissage html, jsonarray, le formulaire sérialisé par serialize() spécifié par dataType, le jugement intelligent n'est pas spécifié.

2.$.ajax soumet le formulaire uniquement en mode texte. Si la soumission asynchrone contient
upload

, vous ne pouvez pas la transmettre. .form.js.

 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 });

Copier après la connexion

4. Mon exemple d'application pratique de $.ajax

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!