HTML5中json对象的应用

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

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

下面通过实例代码给大家介绍HTML5中使用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对象的应用，虽然从篇幅上看很复杂，但是示例代码非常详细且容易理解，如果想了解更多相关内容，请关注创新互联行业资讯。