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

Question

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

XMLHttpRequest 无法加载 http://xyz.com/json.php?json=true&limit=15&input=testing。起源 Access-Control-Allow-Origin 不允许http://www.xyz.com。

我知道 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',
    ...
});