HTML5中json对象的应用

这篇文章将为大家详细讲解有关HTML5中json对象的应用,小编觉得挺实用的,因此分享给大家做个参考,希望大家阅读完这篇文章后可以有所收获。

创新互联专业为企业提供昆都仑网站建设、昆都仑做网站、昆都仑网站设计、昆都仑网站制作等企业网站建设、网页设计与制作、昆都仑企业网站模板建站服务,十余年昆都仑做网站经验,不只是建网站,更提供有价值的思路和整体网络服务。

下面通过实例代码给大家介绍HTML5中使用json对象的方法,具体代码如下所示:



    
     
     
     json对象用法
     
     
    
    
        

补充:下面看下Html5中JSON对象与String的互相转换

面对现在移动端的迅速发展,提供数据的方式不在是以前的PC-->PC界面了,这促使了JSON格式的使用,在H5以前的JS中,我在前面的一个H4中JS对JSON中的处理提到了eval方法,eval()   ,在H5中JSON与String的转换如下:

String转换为JSON对象:

var jsonObj;
function myParse(){
     var jsonStr=document.querySelector("#txtJsonStr").value;
     jsonObj=JSON.parse(jsonStr);
}

JSON对象转换为String:

function myStringify(){
     var txtJson=document.querySelector("#txtJsonStr");
     var jsonStr2=JSON.stringify(jsonObj); //此处的jsonObj 是一个 JSON对象
     xtJson.value=jsonStr2;
}

以上便是HTML5中json对象的应用,虽然从篇幅上看很复杂,但是示例代码非常详细且容易理解,如果想了解更多相关内容,请关注创新互联行业资讯。


分享文章:HTML5中json对象的应用
本文地址:http://scyanting.com/article/pspcop.html