Question

我很擅长使用网络服务，javascript，JSON技术，我需要使用URL来获取我的HTML文件中使用的一些数据。

我想要获得价值的网址类似于this。

浏览器中此网址的结果如下所示：

{
  "transactionid": "asdf", 
  "status": 0,
  "poilist": [
    {
      "id": 123,
      "name": "some company",
      "address": "address",
      "latitude": 333333,
      "longitude": 333333,
      "distance": 4869
    },
    {
      .... // lots of similar nodes to above
    }
}

我需要获取经典列表的一些属性，例如经度，纬度等，并在我的HTML文件中使用它们，其中仅包含Javascript和HTML代码。

我在互联网上做了一些研究，但找不到适合我情况的例子。我不知道从哪里开始。任何帮助将不胜感激。

谢谢。

Answer 1

你可以这样：

var url = 'http://www.locationbox.com.tr/locationbox/services?Key=key&Cmd=PoiSearch&Typ=JSON&Latitude=30&Longitude=30&Radius=10000&Brand=SomeBrand&Keyword=';

$('#test').on('click', function () {
    $.ajax({
        url: url,

        // the name of the callback parameter, as specified by the YQL service
        jsonp: "callback",

        // tell jQuery we're expecting JSONP
        dataType: "jsonp",



        // work with the response
        success: function (response) {
            //response is an object. use it here
            console.log(response); // server response
        }
    });
});

http://jsfiddle.net/hlapidez/sm64g/

Answer 2

我将从jQuery开始，特别是jQuery.getJSON()。阅读它here。

如果您还没有使用过jQuery而且不知道如何使用它。我会在这里看first。

加载数据并在控制台中显示它们的非常基本的示例如下所示：

$(document).ready(function() {

    var url = ""; //enter an url here

    $.getJSON(url, function( data ) {
        console.log(data);
    });

});

Answer 3

   Hope this helps for u.

    Here poilist is an JsonArray.
            So u have to iterate poilist and get poilist properties

            javascript example

                var response = "{ "transactionid": "asdf", "status": 0, "poilist": [ { "id": 123, "name": "some company", "address": "address", "latitude": 333333, "longitude": 333333, "distance": 4869 },... ";

                var poiList = response.poilist;
                for(var i=0;i<poiList.length;i++){
                  var name = poiList[i].name;
                  var id= poiList[i].id;
                  var lat = poiList[i].latitutde;
                  var long = poiList[i].longitude;
                  console.log(lat);
                  console.log(long);
                }

        This code will print all properties of poilist in browser's console.

如何从Web服务响应中获取JSON对象

3 个答案: