欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS對象與json字符串格式轉(zhuǎn)換實例

 更新時間:2014年10月28日 09:57:35   投稿:shichen2014  
這篇文章主要介紹了JS對象與json字符串格式轉(zhuǎn)換方法,以實例的形式詳細(xì)講述了js對象與json字符串格式轉(zhuǎn)換的技巧,需要的朋友可以參考下

本文實例講述了JS對象與json字符串格式轉(zhuǎn)換的實現(xiàn)方法,分享給大家供大家參考。具體實現(xiàn)方法如下:

復(fù)制代碼 代碼如下:
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <script type="text/javascript">
        var obj = new Object();
        obj.Name = "八戒"
        obj.Age = 500;

        //通過字面量的形式來定義對象
        var obj1 = { "Name": "八戒", "Age": "500" };
        var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];

        //JSON格式:將json的字面量表示形式,當(dāng)做字符串存放,則為json格式字符串
        var str = '{ "Name": "八戒", "Age": "500" }';
        var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';
       
        //將json字符串轉(zhuǎn)換成js對象(數(shù)組)
        var resobj = JSON.parse(str);
        alert(resobj.Name);

    </script>
</head>
<body>
</body>
</html>

在前端js對象和json對象的互轉(zhuǎn):

一、JS對象轉(zhuǎn)換成為JSON

處理:引用一個json2.js文件,調(diào)用JSON.stringify()方法。例如:

復(fù)制代碼 代碼如下:
var data = new Object();
var json_data = JSON.stringify(data);

 
PS:json2.js這個文件在網(wǎng)上搜一下就能下載到。

二、JSON轉(zhuǎn)換成為JS

1.處理:用jQuery的一個方法$.parseJSON()將JSON格式的數(shù)據(jù)轉(zhuǎn)成JS對象。例如:

復(fù)制代碼 代碼如下:
var json_data = $.getJSON();
var data = $.parseJSON(json_data);
(可用來成轉(zhuǎn)換js數(shù)組)

2.將json轉(zhuǎn)換成js對象的方法:

復(fù)制代碼 代碼如下:
var json = eval('(' + result + ')');

通過上面這個表達(dá)式,就完成了將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,名稱為“json”,通過“json.”或者“json[]”的方式便可進(jìn)行數(shù)據(jù)訪問。
 
在后臺對js對象和json對象的互轉(zhuǎn):
 
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer類對數(shù)據(jù)進(jìn)行序列化和反序列化

示例:

復(fù)制代碼 代碼如下:
//將param反序列列l(wèi)ist集合
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);

PS:關(guān)于json操作,這里再為大家推薦幾款比較實用的json在線工具供大家參考使用:

在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉(zhuǎn)換工具:
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具:
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉(zhuǎn)義工具:

http://tools.jb51.net/code/json_yasuo_trans

C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json

希望本文所述對大家的web程序設(shè)計能有所幫助。

相關(guān)文章

  • Javascript同時聲明一連串(多個)變量的方法

    Javascript同時聲明一連串(多個)變量的方法

    這篇文章主要給大家介紹了利用Javascript聲明一連串(也就是多個)變量的方法,需要的朋友可以參考借鑒,下面來一起看看吧。
    2017-01-01
  • javascript支持IE和firefox(FF)的漸變透明效果

    javascript支持IE和firefox(FF)的漸變透明效果

    DataThis可以發(fā)送任何標(biāo)簽,這個標(biāo)簽沒有ID也可以,因為用的是自定義屬性。
    2008-10-10
  • javascript中的new使用

    javascript中的new使用

    javascript是基于原型(Prototype based)的面向?qū)ο蟮恼Z言,這點(diǎn)不同于我們熟悉的.NET,Java語言,是基于類模式(Class based)。
    2010-03-03
  • PWA介紹及快速上手搭建一個PWA應(yīng)用的方法

    PWA介紹及快速上手搭建一個PWA應(yīng)用的方法

    這篇文章主要介紹了PWA介紹及快速上手搭建一個PWA應(yīng)用的方法,小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2019-01-01
  • JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果

    JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果

    這篇文章主要介紹了JS+CSS實現(xiàn)自適應(yīng)選項卡寬度的圓角滑動門效果,通過簡單的css設(shè)置實現(xiàn)圓角滑動門功能,非常簡單實用,需要的朋友可以參考下
    2015-09-09
  • 詳解ES6實現(xiàn)類的私有變量的幾種寫法

    詳解ES6實現(xiàn)類的私有變量的幾種寫法

    這篇文章主要介紹了詳解ES6實現(xiàn)類的私有變量的幾種寫法,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2021-02-02
  • layui table 列寬百分比顯示的實現(xiàn)方法

    layui table 列寬百分比顯示的實現(xiàn)方法

    今天小編就為大家分享一篇layui table 列寬百分比顯示的實現(xiàn)方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧
    2019-09-09
  • 修復(fù)IE9&safari 的sort方法

    修復(fù)IE9&safari 的sort方法

    解決方案其實就是冒泡排序的一個包裝,本補(bǔ)丁不修復(fù)各瀏覽的排序算法不一致的問題
    2011-10-10
  • JavaScript多態(tài)與封裝實例分析

    JavaScript多態(tài)與封裝實例分析

    這篇文章主要介紹了JavaScript多態(tài)與封裝,結(jié)合實例形式分析了JavaScript多態(tài)與封裝的概念、功能、優(yōu)缺點(diǎn)以及相關(guān)問題與注意事項,需要的朋友可以參考下
    2018-07-07
  • JavaScript模塊化之使用requireJS按需加載

    JavaScript模塊化之使用requireJS按需加載

    RequireJS 可以幫助用戶異步按需的加載 JavaScript 代碼,并解決 JavaScript 模塊間的依賴關(guān)系,提升了前端代碼的整體質(zhì)量和性能
    2017-04-04

最新評論