jQuery Ajax-Verwendung example_jquery

Jquery kapselt die asynchrone Übermittlung sehr gut. Die direkte Verwendung von AJAX vereinfacht unsere Vorgänge erheblich, ohne die Unterschiede in den Browsern zu berücksichtigen.

$.post und $.get sind einfache Methoden. Wenn Sie mit komplexer Logik umgehen möchten, müssen Sie dennoch 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 sind 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, die Sie zu $.ajax beachten sollten:

1. Es gibt drei Hauptmethoden für Daten: HTML-Spleißen, JSON-Array, serialisierte Form durch dataType, keine intelligente Beurteilung.

2.$.ajax sendet das Formular nur im Textmodus. Wenn die asynchrone Übermittlung enthält, kann der Upload nicht übergeben werden. Sie müssen $.ajaxSubmit von jquery.form.js verwenden

4. Mein praktisches Anwendungsbeispiel 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='red'>业务密码不正确！</font>");  
        $("#validatePassword2").val("pwd2Error");  
        checkPassword2 = false;  
        return;  
      }  
   },  
   error:function(){}  
});  
 
 
//4.$.ajax拼接data的异步请求 
$.ajax({   
  url:'<%=request.getContextPath()%>/kc/kc_checkMerNameUnique.action',   
  type:'post',   
  data:'merName='+values,   
  async : false, //默认为true 异步   
  error:function(){   
    alert('error');   
  },   
  success:function(data){   
    $("#"+divs).html(data);   
  } 
});