Question

我是NOOB，我发现其他用户遇到了类似的问题，但经过几个小时的挫折，我无法获得JSONP回调函数。

我正在尝试从Yahoo geo.places中提取“woeid”信息，以便我可以使用它来指定获取天气数据的位置。我从表单中的“location”id接收输入（例如邮政编码）并将其提交给Yahoo。

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

我知道我必须犯一个简单的错误，但我无法弄清楚它是什么。在学习如何使用jQuery中的$ .ajax方法检索数据之前，我正在尝试通过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

由于same origin policy，您无法使用XHR对象来请求JSONP结果。此外，即使您在本地发出请求，使用XHR对象发出请求也意味着不会调用callback函数，您只需获取在响应中调用它的代码。

要获取JSONP请求，请使用脚本标记：

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

JSONP回调未定义

1 个答案: