Question

下面的《法典》没有工作。前往探寻天气地点。当我找不到任何东西。

<input type="text" id="query" /><button>search</button><br />
<div id="results">

</div>

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var url= http://autocomplete.wunderground.com/aq?format=JSON&query= ;
var query;
    $( button ).click(function(){
        query=$("#query").val();
        $.getJSON(url+query,function(json){
            $.each(json.results,function(i,location){
               $("#results").append( <p> +location.name+ </p> );
            });
        });
    });
});
</script>

FYI 我在编码上非常缺乏经验(从另一个网站复制的文字)

Answer 1

如果你希望提出交叉领域要求,你必须使用<条码>JSONP,而且如上所述,你应为JSONP请求提供背书功能:

$(document).ready(function() {
    var url =  http://autocomplete.wunderground.com/aq?format=JSON&query= ;
    var query;
    $( button ).click(function() {
        query = $("#query").val();
        $.getJSON(url + query +  &cb=callbackfunc , function(json) {
            $.each(json.results, function(i, location) {
                $("#results").append( <p>  + location.name +  </p> );
            });
        });
    });
});

<><>UPDATE:

我首先应学习 JSONP。

cb parameter is for JSONP callback function in wunderground API as you can see here in documentation.

如果你仍然不理解为什么你需要使用jsonp打背功能,

打开这两个联系,你将看到它们之间的分歧。

,但不cb paramater

,有cb paramater

Answer 2

由于安全原因,你可以从远地点提取数据(见同一来源政策)。

Work arounds involve CORS (limited browser support, not supported by that service), JSON-P (not obviously supported by that service) and using a proxy on your own server.

友情链接