• <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • AJAX教程

    AJAX請求方式

     

     

    在jQuery中,AJAX常見的請求方式主要有一下4種:

     

    1、$.ajax()返回其創建的 XMLHttpRequest 對象

     

    $.ajax() 只有一個參數:參數key/value對象,包含各配置及回調函數信息。

     

    如果你指定了dataType選項,那么需要保證服務器返回正確的MIME信息,(如 xml 返回 "text/xml")。

     

    實例:

     

    保存數據到服務器,成功時顯示信息。

     

    $.ajax({
    type: "post",
    dataType: "html",
    url: '/Resources/GetList.ashx',
    data: dataurl,
    success: function (data) {
    if (data != "") {
    $("#pager").pager({ pagenumber: pagenumber, pagecount: data.split("$")[1], buttonClickCallback: PageClick });
    $("#anhtml").html(data.split("$")[0]);
    }
    }
    });

     

    2、通過遠程 HTTP GET 請求載入信息

     

    相比于復雜的$.ajax而言,GET請求功能則顯得更加簡單,請求成功時可調用回調函數。當然如果需要在出錯時執行函數,那么還請使用$.ajax。

     

    實例:

     

    $.get("test.cgi", { name: "John", time: "2pm" },
    function(data){
    alert("Data Loaded: " + data);
    });

     

    3、通過遠程 HTTP POST 請求載入信息

     

    POST請求功能也相對比較簡單,請求成功時可調用回調函數。如果需要在出錯時執行函數,那么請使用$.ajax請求。

     

    實例:

     

    $.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames }, function (data) {
    if (data == "ok") {
    alert("添加成功!");
    }
    })

     

    4、通過 HTTP GET 請求載入 JSON 數據

     

    實例:

     

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

     

    以上所述是動力節點為大家帶來的4種常用的Ajax請求方式介紹,希望對大家有所幫助。

     

    全部教程
  • <nav id="wkkge"><strong id="wkkge"></strong></nav>
  • <menu id="wkkge"></menu>
  • 面对面棋牌游戏