您现在的位置是:网站首页> 编程资料编程资料

HTML5中使用json对象的实例代码基于HTML5的WebGL实现json和echarts图表展现在同一个界面Html5中localStorage存储JSON数据并读取JSON数据的实现方法举例详解HTML5中使用JSON格式提交表单

2023-10-12 419人已围观

简介 这篇文章主要介绍了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对象 txtJson.value=jsonStr2; }

总结

以上所述是小编给大家介绍的HTML5中使用json对象的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对网站的支持!

-六神源码网