javascript - 当 URL 带有 www 时，XMLHttpRequest 无法加载

Question

我在我的网站上使用 jQuery 实现了自动建议脚本。当浏览器使用 www(即 www.xyz.com)加载我的网站时，搜索建议不起作用并在浏览器控制台中打印以下错误:

XMLHttpRequest cannot load http://xyz.com/json.php?json=true&limit=15&input=testing. Origin http://www.xyz.com is not allowed by Access-Control-Allow-Origin.

我知道 jQuery/Chrome 不允许我进行跨域 AJAX 调用，但是当我访问我的网站时没有 www(即只是 xyz.com)一切正常。我怎么解决这个问题 ？有人对此有想法吗？

Answer 1

您违反了 same origin policy restriction .

根据此政策，

http://www.xyz.com 和 http://xyz.com 被视为跨域。

要解决这个问题，只需在您的 $.ajax() 请求中使用一个相对 url:

$.ajax({
    url: '/json.php',
    ...
});

而不是绝对的:

$.ajax({
    url: 'http://xyz.com/json.php',
    ...
});