亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

jquery處理json數據實例分析

2019-11-20 14:57:11
字體:
來源:轉載
供稿:網友

一、JSON的一些基礎知識。

JSON中對象通過“{}”來標識,一個“{}”代表一個對象,如{“AreaId”:”123”},對象的值是鍵值對的形式(key:value)。

 “[]”,標識數組,數組內部各個數據之間通過“,”分割,如[“AreaId”:”123”,”AreaId”:”345”]。

很多情況下是對象數組,那就是這樣:

復制代碼 代碼如下:

[{“AreaId”:”123”},{“AreaId”:”345”}]

其實數組也是一個對象,上面的格式也可以寫成這樣:

復制代碼 代碼如下:

{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}

這表示一個Area對象,他有兩個子數據,每個子數據也是一個對象,每個子對象都是AreaId。

 JSON中字符串和字符的定義格式和一般的類C語言定義是類似的,雙引號定義字符串,單引號定義字符。

JSON的鍵(Key)用雙引號括起來,比如上面的“Area“和”AreaId“,都是用雙引號括起來的,在一些語言中構造JSON字符串的時候,可以使用轉義字符轉義雙引號。

 二、javascript操作JSON字符

1、先要區分JSON字符串和JSON對象

JSON字符串:

復制代碼 代碼如下:

Var strJSON = “{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}”,

其實也可以寫成這樣:

復制代碼 代碼如下:

Var strJSON = ‘{“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]}',

這表示一個JSON字符串,由于在Js中單引號和雙引號都可以表示一個字符串,所以上面第一個使用雙引號和第二個使用單引號的都表示一個JSON字符串。

下面看看JSON對象

復制代碼 代碼如下:

Var JSON = {“Area”:[{“AreaId”:”123”},{“AreaId”:”345”}]},

看到了吧,JSON對象最外面是沒有單引號或者雙引號的,這就表示一個JSON對象。

在服務器端的腳本:

復制代碼 代碼如下:

<?php
$data['id'] = 1;
$dat['name'] = "mary";
$da['red']= array_merge($data,$dat);
$data1['id'] = 2;
$dat1['name'] = "燕子";
$da['blue']= array_merge($data1,$dat1);
print_r($da);///打印出來是一個二維數組(如下)

/*
Array
(
    [red] => Array
        (
            [id] => 1
            [name] => mary
        )
    [blue] => Array
        (
            [id] => 2
            [name] => 燕子
        )
)
*/

echo json_encode($da);//輸出的是一個轉化成json格式的字符串,可以直接在js中用(如下)
/*
{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}
*/
?>

jquery腳本:

返回到js后的處理:
第一種要用到varl轉化的:是字符串的時候就要用eval轉化成jquery對象(如下)

復制代碼 代碼如下:

var arr = '{"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}}';//u71d5u5b50這個是php中自動轉換的
var dataObj = eval("("+arr+")");//這里要加上加好括號和雙引號的原因我也不知道,就當是json語法,只能死記硬背了
  $.each(dataObj,function(idx,item){ 
   //輸出
   alert(item.id+"哈哈"+item.name); 
})

第二種:不需要轉化的:

復制代碼 代碼如下:

var arr = {"red":{"id":1,"name":"mary"},"blue":{"id":2,"name":"u71d5u5b50"}};
  $.each(arr,function(idx,item){   
   //輸出
   alert(item.id+"哈哈"+item.name);
})

循環也有兩種方法:
//方法一:

復制代碼 代碼如下:

$.each(arr,function(idx,item){   
   //輸出
   alert(item.id+"哈哈"+item.name);
})

//方法二:

復制代碼 代碼如下:

for(var key in arr){
  alert(key);
  alert(arr[key].status);
 }

大家可以試試效果。

ajax返回JSON時的處理方式

 1,使用普通的aspx頁面來處理
本人覺得這種方式處理起來是最簡單的了,看下面的代碼吧

復制代碼 代碼如下:

$.ajax({
  type: "post",
  url: "Default.aspx",
  dataType: "json",
  success: function (data) {
          $("input#showTime").val(data[0].demoData);
  },
  error: function (XMLHttpRequest, textStatus, errorThrown) {
          alert(errorThrown);
   }
});

這里是后臺傳遞數據的代碼

復制代碼 代碼如下:

Response.Clear();
Response.Write("[{"demoData":"This Is The JSON Data"}]");
Response.Flush();
Response.End();

這種處理的方式將傳遞過來的數據直接解析為json數據,也就是說這里的前臺js代碼可能直接把這些數據解析成json對象數據,而并非字符串數據,如data[0].demoData,這里就直接使用了這個json對象數據

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
欧美电影第一页| 久久久久久国产免费| 国产精品久在线观看| 97人人爽人人喊人人模波多| 日韩精品中文在线观看| 欧美性视频在线| 亚洲最大福利视频网站| 亚洲色图13p| 欧美视频国产精品| 亚洲精品美女久久久| 午夜免费在线观看精品视频| www.xxxx欧美| 国产精品91久久| 国产mv久久久| 国产精品户外野外| 日韩69视频在线观看| 欧美日韩综合视频| 国产精品网址在线| 日韩一区视频在线| 欧洲一区二区视频| 欧美视频中文在线看| 亚洲第一天堂无码专区| 亚洲精品大尺度| 亚洲欧美日韩国产中文专区| 国产精品久在线观看| 欧美激情一二区| 91欧美精品午夜性色福利在线| 中文字幕av一区二区| 亚洲国产精品久久久久秋霞蜜臀| 久久精品中文字幕免费mv| 欧美日韩国产精品| 国产精品自拍偷拍| 成人激情视频小说免费下载| 亚洲精品国产精品国自产观看浪潮| 欧美激情精品久久久久| 亚洲综合成人婷婷小说| 国内外成人免费激情在线视频| 国产精品丝袜久久久久久不卡| 久久精品久久久久电影| www.日韩欧美| 久久久久久久久久久人体| 超碰日本道色综合久久综合| 亚洲第一精品夜夜躁人人爽| 久久久精品中文字幕| 亚洲精品在线不卡| 亚洲成人激情小说| 久久99国产精品久久久久久久久| 亚洲人成啪啪网站| 成人福利视频在线观看| 亚洲国产成人爱av在线播放| 国产精品久久久91| 7777kkkk成人观看| 久久久免费在线观看| 日韩视频第一页| 欧美激情aaaa| 亚洲一区国产精品| 欧美激情久久久久| 欧美激情精品久久久久久| 欧美亚洲视频一区二区| 中文字幕无线精品亚洲乱码一区| 57pao成人永久免费视频| 亚洲国产精品资源| 欧美性极品xxxx娇小| 欧美成人精品影院| 美日韩精品免费观看视频| 久久综合国产精品台湾中文娱乐网| 欧美激情精品久久久久久免费印度| 国产精品久久久久久久久久久久久久| 午夜精品一区二区三区在线播放| 久久久久久久久久久91| 日韩精品在线观| 91成人国产在线观看| 国产视频精品在线| 91理论片午午论夜理片久久| 欧美午夜美女看片| 北条麻妃一区二区三区中文字幕| 国产成人精品优优av| 日韩av黄色在线观看| 色妞欧美日韩在线| 亚洲一区二区国产| 日韩中文字幕第一页| 乱亲女秽乱长久久久| www.亚洲天堂| 欧美日韩中文字幕| 国产一区二区三区精品久久久| 欧美精品久久久久久久久久| 欧美精品福利在线| 中文字幕日韩精品在线观看| 亚洲黄色www| 欧美久久精品一级黑人c片| xxx欧美精品| 色偷偷av亚洲男人的天堂| 色婷婷综合久久久久| 欧美亚洲国产视频| 成人www视频在线观看| 日韩av观看网址| 亚洲第一网站免费视频| 热草久综合在线| 97精品视频在线播放| 亚洲18私人小影院| 欧美性xxxx在线播放| 日韩欧美成人免费视频| 亚洲精品成人久久电影| 91系列在线播放| 久久国产精品久久久| 欧美小视频在线观看| 91精品国产成人www| 68精品久久久久久欧美| 国产精品观看在线亚洲人成网| 中文字幕在线视频日韩| 日韩大陆毛片av| 欧美日韩一区二区免费视频| 欧美国产日产韩国视频| 日韩视频中文字幕| 搡老女人一区二区三区视频tv| 国产99久久精品一区二区 夜夜躁日日躁| 国产综合在线看| 日韩福利伦理影院免费| 亚洲免费视频观看| 亚洲男人天堂手机在线| 欧美性猛交xxxx黑人| 国产欧美在线观看| 欧美日韩成人在线视频| 精品美女国产在线| 久久久99久久精品女同性| 91免费的视频在线播放| 久久亚洲精品一区二区| 欧美大尺度激情区在线播放| 中文字幕视频在线免费欧美日韩综合在线看| 日韩欧美成人精品| 国产在线精品一区免费香蕉| 国外成人免费在线播放| 日韩精品视频在线播放| xxx一区二区| 美乳少妇欧美精品| 日本国产一区二区三区| 国产精品福利片| 粉嫩av一区二区三区免费野| 国产小视频91| 尤物九九久久国产精品的特点| 中文字幕精品在线视频| 欧美日韩精品在线播放| 国产脚交av在线一区二区| 国产日韩欧美夫妻视频在线观看| 疯狂蹂躏欧美一区二区精品| 成人免费观看a| 亚洲毛片在线免费观看| 久久久久久久久久久亚洲| 97精品一区二区视频在线观看| 精品伊人久久97| 国产日韩欧美在线观看| 欧美午夜丰满在线18影院| 亚洲情综合五月天| 日韩毛片在线观看| 久久影视免费观看| 社区色欧美激情 | 国产乱人伦真实精品视频| 久久天天躁日日躁| 欧美日韩国产一中文字不卡| 国产一区二区三区在线免费观看| 在线观看91久久久久久| 国产午夜精品一区理论片飘花| 亚洲激情视频在线| 亚洲日本中文字幕免费在线不卡|