如何使用来自url的json从json字符串创建对象并插入到html中

时间:2013-12-31 14:10:22

标签: javascript jquery json

我有这个例子,需要了解如何从URL中解析json字符串,而不是如图所示在html中解析。实质上......我需要其他更简单的方法来解析来自网址源的文本,例如。 http://pipes.yahoo.com/pipes/pipe.run?_id=e4e173cf75b0aa1b374b7987398d6091&_render=json&_callback=getYahooFeed

如何使用jquery?如果可能的话,也可以演示字符串/数组的迭代。

            <!DOCTYPE html>
        <html>
        <body>
        <h2>Create Object from JSON String</h2>
        <p>
        First Name: <span id="fname"></span><br> 
        Last Name: <span id="lname"></span><br> 
        </p> 
        <script>
        var txt = '{"employees":[' +
        '{"firstName":"John","lastName":"Doe" },' +
        '{"firstName":"Anna","lastName":"Smith" },' +
        '{"firstName":"Peter","lastName":"Jones" }]}';

        obj = JSON.parse(txt);

        document.getElementById("fname").innerHTML=obj.employees[1].firstName 
        document.getElementById("lname").innerHTML=obj.employees[1].lastName 
        </script>
        </body>
        </html>

1 个答案:

答案 0 :(得分:0)

了解to extract querystring param的方式并通过jQuery's parseJSON

解析它