jQuery学习之jQuery Ajax用法详解

//无参数、无回调函数
$("#showload").load("load.htm");
//无回调函数
$("#showload").load("load.htm", { "para": "para-value" });
$("#showload").load("load.htm", { "para": "para-value" },
    function() {
        //处理
    })

$.get("jqueryget.htm", { "id": this.id },
    function(req) {
        //成功时的回调方法
        $("#showget").html(req);
    });
})

$.getJSON("http://api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&jsoncallback=?", function(req) {
    $.each(req.items, function(i, item) {
        if (i == vnum) {
            $("<img src="" + item.media.m + "" title="" + item.title + "" />").appendTo("#showjson");
        }
    });
});

function (XMLHttpRequest) {  this; // the options for this ajax request}

function (XMLHttpRequest, textStatus) {  this; // the options for this ajax request}

预期服务器返回的数据类型。如果不指定，jQuery 将自动根据 HTTP 包 MIME 信息返回 responseXML 或 responseText，并作为回调函数参数传递，可用值:

"xml": 返回 XML 文档，可用 jQuery 处理。

"html": 返回纯文本 HTML 信息；包含 script 元素。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时，如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名，以执行回调函数。

function (XMLHttpRequest, textStatus, errorThrown) {  // 通常情况下textStatus和errorThown只有其中一个有值   this; // the options for this ajax request}

function (data, textStatus) {  // data could be xmlDoc, jsonObj, html, text, etc...  this; // the options for this ajax request}

$.ajax({
  url: url,
  dataType: ‘json‘,
  data: data,
  success: callback
});

$.ajax({
    url: "http://www.hzhuti.com",    //请求的url地址
    dataType: "json",   //返回格式为json
    async: true, //请求是否异步，默认为异步，这也是ajax重要特性
    data: { "id": "value" },    //参数值
    type: "GET",   //请求方式
    beforeSend: function() {
        //请求前的处理
    },
    success: function(req) {
        //请求成功时处理
    },
    complete: function() {
        //请求完成的处理
    },
    error: function() {
        //请求出错处理
    }
});

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