从jsonp获取json数据

时间:2014-01-03 13:35:41

标签: javascript jquery json

目前,我有一个以json格式呈现数据的网址。

url:

http://10.0.1.11/render?target=threshold(400,test)&from=-1mins&format=json&jsonp=?

在浏览器中运行时给我

?([{"target": "test", "datapoints": [[400, 1388755180], [400, 1388755190], [400, 1388755200], [400, 1388755210], [400, 1388755220], [400, 1388755230], [400, 1388755240]]}])

我需要在变量中使用json结果进行进一步处理。我尝试了以下

foo
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script>
$.getJSON("http://10.0.1.11/render?target=threshold(400,test)&from=-1mins&format=json&jsonp=?", function(result){
   //response data are now in the result variable
   alert(result);
});
</script>

我理想情况下需要:

var test = [{"target": "test", "datapoints": [[400, 1388755180], [400, 1388755190], [400, 1388755200], [400, 1388755210], [400, 1388755220], [400, 1388755230], [400, 1388755240]]}];

我哪里错了?

1 个答案:

答案 0 :(得分:1)

您需要将请求解释为jsonp而不是json。 jsonp就像json,但它的json包含在方法调用中。 (见:What is JSONP all about?

您可以使用以下内容:

    <script>
    function myCallback(json_data){
        //do something with json_data!

    }
    </script>
    <script type="text/javascript" src="http://10.0.1.11/render?target=threshold(400,test)&from=-1mins&format=json&jsonp=myCallback"></script>

   <script>
        $(document).ready(function(){
            $.ajax({
                url: 'http://10.0.1.11/render?target=threshold(400,test)&from=-1mins&format=json',
                dataType: 'jsonp',
                success: function(json_data){
                        //do something with json_data!
                    }
                }
            });
        })
    </script>

(改编自相关帖子的例子)