javascript - 无法弄清楚 jQuery ajax 调用参数

Question

我正在学习 jQuery 并尝试以下操作，但参数对我来说太陌生了，所有嵌入的引号我认为这是我的问题。有人可以解释参数和引号在哪里并可能重写我的参数行吗？ (这是查看所需参数的实时站点)。

function AirportInfo() {
var divToBeWorkedOn = '#detail';
var webMethod = "'http://ws.geonames.org/citiesJSON'";
var parameters = "{'north':'44.1','south':'9.9','east':'22.4','west':'55.2','lang':'de'}";
$.ajax({
    type: "POST",
    url: webMethod,
    data: parameters, 
    contentType: "application/json; charset=utf-8",
    dataType: "json",
    success: function(msg) {
        alert(msg.d);
        $(divToBeWorkedOn).html(msg.d);
    },
    error: function(xhr) {
        alert(xhr);
        alert(xhr.statusText);
        alert(xhr.responseText);
        $(divToBeWorkedOn).html("Unavailable");
       }
});
}

Answer 1

看来您的 same origin policy 会遇到问题.

简而言之，该策略会阻止跨不同域的页面提交 AJAX 请求。

您可能应该使用 JSONP对于 Geonames，如以下 Stack Overflow 帖子中所述:

• JSONP callback fails, need help with javascript/jquery

---

除此之外，您在这里不需要单引号:

var webMethod = "http://ws.geonames.org/citiesJSON";