JSONP回调未定义

Question

我是一个新手，我看到其他用户遇到了类似的问题，但经过许多小时的挫折，我无法获得JSONP回调函数的工作。

我正在尝试从雅虎地理中提取"woeid"信息。这样我就可以用它来指定位置来获取天气数据。我从表单中的"location"id接收输入(例如邮政编码)，并将其提交给Yahoo。

代码返回一个XMLHttpRequest对象，我可以通过查看xhr来读取它。responseText在控制台中，但是我不能提取JSON对象，该对象是由服务器传递给回调函数。

我知道我一定是犯了一个简单的错误，但是我不知道它是什么。在学习如何使用$检索数据之前，我试图通过Javascript做到这一点。.

你能告诉我错误在哪里吗?下面是我的代码:

// an XMLTHttpRequest
var xhr = null;
/*
* void
* getWoeid()
* gets WOEID from Yahoo geo.places to use in request
* for weather data
*
*/

function getWoeid() {
// instantiate XMLHttpRequest object
try {
    xhr = new XMLHttpRequest();
}
catch (e) {
    xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
// handle old browsers
if (xhr == null) {
    alert("Ajax not supported by your browser!");
    return;
}
// construct URL
var userinput = document.getElementById("location").value;
var data = encodeURIComponent("select * from" +
            " geo.places where text =" + userinput);
var url = "http://query.yahooapis.com/v1/public/yql?q=" + data + "&format=json&    callback=callback";

// get data
xhr.onreadystatechange = handler;
xhr.open("GET", url, true);
xhr.send(null);
}

// callback function
function callback(response) {
    woeid = response;
}

/*
* void
* handler()
*
* Handles the Ajax response
*/
function handler() {
// only handle loaded requests
if (xhr.readyState == 4) {
    // display response if possible
    if (xhr.status == 200) {
          var location = woeid;
    }
    else    
       alert("Error with Ajax call");
}

}

Answer 1

由于同源策略，您不能使用XHR对象请求JSONP结果。此外，即使您在本地发出请求，使用XHR对象发出请求也意味着不会调用callback函数，您只会在响应中获得调用它的代码。

要生成一个JSONP请求，您可以使用一个脚本标签:

var script = document.createElement('script');
script.src = url;
document.head.appendChild(script);