HTML5中使用json对象的实例代码

HTML教程 2025-08-05

下面通过实例代码给大家介绍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对象的实例代码,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对本站网站的支持!

注:相关教程知识阅读请移步到HTML教程频道。