Méthode jQuery$.post(), avec exemple de code ajax joint-js tutoriel-php.cn

Méthode jQuery$.post(), avec exemple de code ajax joint

yulia

Libérer： 2018-09-13 15:14:39

original

1573 Les gens l'ont consulté

Cet article présente principalement la méthode $.post() dans jquery. Jquery encapsule très bien la soumission asynchrone. Il est très gênant d'utiliser directement AJAX et simplifie grandement nos opérations sans tenir compte des différences entre les navigateurs. Les amis qui en ont besoin peuvent s'y référer, j'espère que cela pourra vous aider.
$.post et $.get sont des méthodes simples Si vous souhaitez gérer une logique complexe, vous devez toujours utiliser jQuery.ajax().

1. Format général de $.ajax

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

Copier après la connexion

2. Description des paramètres de $.ajax

Paramètres Description
url - obligatoire. Spécifie l'URL à laquelle la demande doit être envoyée.
données - facultatif. Valeur de mappage ou de chaîne. Spécifie les données à envoyer au serveur avec la requête.
success(data, textStatus, jqXHR)—— Facultatif. La fonction de rappel exécutée lorsque la demande réussit.
dataType - facultatif. Spécifie le type de données de la réponse attendue du serveur. Le jugement intelligent est effectué par défaut (xml, json, script ou html).

3. Certaines choses auxquelles il faut prêter attention avec $.ajax

1. Il existe trois méthodes principales de traitement des données, l'épissage HTML, le tableau JSON, la sérialisation du formulaire ( ) orienté séquence ; spécifié par dataType, aucun jugement intelligent n'est spécifié.
2.$.ajax soumet uniquement le formulaire en mode texte. Si la soumission asynchrone contient , le téléchargement ne peut pas être transmis. Vous devez utiliser $.ajaxSubmit de jquery.form.js

<🎜. >

4. Exemples d'applications pratiques de $.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);     
    }  
});

Copier après la connexion

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!