一個簡單的ajax擷取json的例子

來源:互聯網
上載者:User

標籤:info   res   object   idt   false   lists   method   ndt   而不是   

一、第一個

html:

<div id="ruleList"></div>向div裡添加一段迴圈輸出的資料 

js:

$.ajax({  

           type: "POST",  

           url: "ruleListAction.do?method=searchRuleList",

   //我們用text格式接收

   //dataType: "text",   

  //json格式接收資料  

           dataType: "json",  

           data:  "ruleId="+ruleId+"&ruleGroupId="+ruleGroupId+"&prodName="+prodName,  

           success: function (jsonStr) {

     //執行個體2個字串變數來拼接下拉式清單

     //alert(jsonStr);

     //使用jquery解析json中的資料  

               var ruleListTemp = "<table width=\"100%\"  border=\"0\" cellspacing=\"0\" cellpadding=\"0\">";  

                $.each(jsonStr, function (n, value) {

       //alert(value.ruleId);  

                   ruleListTemp += ("<tr><td>" + value.ruleName);  

                   ruleListTemp += ("</td></tr>");   

               });  

                ruleListTemp += ("</table>");  

               $("#ruleList").html(ruleListTemp);   

           }  

    });  

一、第二個

                jquery的ajax非同步請求接收返回json資料執行個體

1、jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理常式是返回json資料,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。這篇文章對此進行了執行個體介紹,需要的朋友可以參考下

2、jquery的ajax非同步請求接收返回json資料方法設定簡單,一個是伺服器處理常式是返回json資料,另一種就是ajax發送設定的datatype設定為jsonp格式資料或json格式都可以。

$(‘#send‘).click(function () {
    $.ajax({
        type : "GET",
        url : "a.php",
        dataType : "jsonp",
        success : function (data) {
            $.each(data.items, function (i, item) {
                $("<img class=‘para‘/> ").attr("src", item.media.m).appendTo("#resText");
                if (i == 3) {
                    return false;
                }
            });
        }
    });
});

$.ajax方法如下:

$.ajax({ 
   type: "POST",
   url:  ctxRoot+‘FolderAction!saveInformSetting.action‘,
   data: ‘jsonStr=‘ + inform_settingListStr,
   dataType: "json",
   complete: function(data){
       //在這裡做些事情,假設返回的json資料裡有name這個屬性
       //有時候可以直接data.name或者data[‘name‘]去訪問
       //但有時候,卻要通過var jsonData = eval("("+data.responseText+")");才可以通過jsonData.name訪問,而且這種情況下,需要是complete而不是success
   }
   });
$.ajax(options)

////////////////////////////////////////////////////

這是最根本的JQuery Ajax方法,只有一個參數options,該options參數中包含了請求資訊和回呼函數的資訊。參數內容都是key:value對形式出現,並且都是可選的。

文法如下:

$.ajax({options});
url:(string)發送請求的地址,可以是伺服器頁面也可以是WebService動作。
type:(string)請求方式,POST或GET
data:(object)向伺服器發送請求時帶去的資料。是key:value對形式,如:{name:"grayworm",sex:"male"},如果是數組{works:["work1","work2"]}
dataType:(string)預期返回的資料類型。xml,html,json,text等
beforeSend:(Function)發送ajax請求前被觸發,如果返回false則取消本次請求。如果非同步請求需要顯示gif動畫,那應當在這裡設定相應<img>的可見。

一個簡單的ajax擷取json的例子

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.