1

我正在尝试创建一个简单的 Jquery 移动应用程序。我的设置如下：

  1. jQuery 客户端在localhost:9090/myapp上运行。
  2. 我的服务器在localhost:9010/paperboy上运行
  3. 因为我在 Windows 上，所以在服务器端我使用了一个简单的服务器，使用“ bottle ”创建，这是一个 python 微框架。
  4. 服务器根据请求返回 json，我可以在 Chrome 或 Firefox 中清楚地看到。
  5. 我已经验证了我的回复，它是一个有效的 JSON。

我面临的问题是，我希望我的客户端从服务器响应中读取 json。
但由于它是一个跨域问题，它不能这样做。
这是我的客户端ajax代码：

$.ajax({
        url: "http://localhost:9010/paperboy/toi",
        type:"GET",
        data:$(this),
        dataType:"jsonp",
        //jsonp:"callback",   no support on the server

        success:function(result){
            console.log("ajax result: " + result);
        },

        error:function(e){
            console.log("Error :" + e);
        }
    });

我的瓶子服务器代码是：

from bottle import route, run, template, response
from paperboy import getToiNews

''' call http://localhost:9010/paperboy/toi in browser'''

@route('/paperboy/:source')
def index(source='All'):
    print "requesting news list for %s" % source
    resultJson = getToiNews()
    response.content_type = "application/javascript"
    return resultJson

run(host='localhost', port=9010)

然而，在运行应用程序时，我最初收到“ajax 源策略错误”，一旦我将内容类型添加到我的服务器，它很快就消失了。
现在 ajax 调用没有错误地通过，但总是调用“错误”处理程序。我尝试了各种组合，但都是徒劳的。我想不通的一件事是向我的服务器添加 jsonp 支持。
感谢您在此问题上的任何帮助，并提前感谢您提供的所有帮助。
谢谢。

4

1 回答 1

4

你自己说的，因为它是一个跨域调用，默认情况下它是SOP不允许的。

如果您控制服务器（并且您是），您可以使用CORS来允许请求。这适用于任何现代浏览器。（虽然遗憾的是在 IE8 和 IE9 的情况下，您需要一个 jQuery 补丁来启用 Microsoft 特定XDomainRequest对象而不是标准XMLHttpRequest的使用；jQuery 团队拒绝将其放入库中。IE10 最终添加了跨域处理到XMLHttpRequest。）

或者，由于响应是 JSON，您可以改用非常相似的JSON-P，它具有适用于所有浏览器的优势（并且没有 jQuery 补丁）。

于 2013-02-13T08:40:31.820 回答