jQuery Ajax penggunaan example_jquery

Jquery merangkum penyerahan tak segerak dengan sangat menyusahkan untuk menggunakan AJAX secara langsung sangat memudahkan operasi kami tanpa mengambil kira perbezaan dalam penyemak imbas.

$.post dan $.get ialah kaedah mudah Jika anda ingin mengendalikan logik yang kompleks, anda masih perlu menggunakan jQuery.ajax()
. 1. Format umum $.ajax

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

2. Perihalan parameter $.ajax

Penerangan Parameter
url Diperlukan. Menentukan URL yang permintaan harus dihantar.
data adalah pilihan. Peta atau nilai rentetan. Menentukan data untuk dihantar ke pelayan dengan permintaan.
kejayaan(data, textStatus, jqXHR) Pilihan. Fungsi panggil balik dilaksanakan apabila permintaan berjaya.
dataType pilihan. Menentukan jenis data tindak balas pelayan yang dijangkakan.
Pertimbangan pintar dilakukan secara lalai (xml, json, skrip atau html).
3. Beberapa perkara yang perlu diambil perhatian tentang $.ajax:

1. Terdapat tiga kaedah utama data, penyambungan html, tatasusunan json, bentuk bersiri oleh jenis data, tiada pertimbangan pintar ditentukan.

2.$.ajax hanya menyerahkan borang dalam mod teks Jika penyerahan tak segerak mengandungi 7a5dcbb34f3ac008f1c1b4854c49d768, muat naik tidak boleh diluluskan Anda perlu menggunakan $.ajaxSubmit daripada jquery.form.js

4. Contoh aplikasi praktikal saya $.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);   
  } 
});