如何在HTMl页面中显示JSON数据

Question

我有HTML网页我想在HTML网页中显示JSON格式的数据，这样它就应该只在HTML网页中显示来自JSON数据的组名。

这是数据网址

 http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?organizationCode=att&userId1

我在网上搜索它获取本地JSON数据，但如何使用URL访问数据，因为我的数据是本地的JSFiddle

var obj = $.parseJSON('{"common_search":{"strBusinessName":"Sun Shine Vision","strAddress":"Amulia St Madhava Pharmacy Jn","intPhone":""}, "cache_table":{"Details":"Speedtrax,Ample\'s Bldg Off Banerji Rd., Amulia St,"}}');

$("#common_serachdiv").html(obj.common_search.strBusinessName);
$("#cache_table").html(obj.cache_table.Details);

http://jsfiddle.net/nFUVs/

Answer 1

您可能希望使用jquery ajax

调用url

E.g。

var url = 'http://www.celeritas-solutions.com/pah_brd_v1/productivo/getGroups.php?organizationCode=att&userId1';

$("#common_serachdiv").html(url);
$.getJSON(url, function(data) {
}.done(function( data ) {
    $.each( data.items, function( i, item ) {
        $("#common_serachdiv").html(item.GroupTitle);
    }
}

请参阅http://api.jquery.com/jQuery.getJSON/