XMLHttpRequest；跨源请求仅支持协议方案：超文本传输协议，数据，chrome，chrome-扩展，https，chrome-扩展-资源[重复]

Question

当我尝试进行ajax调用时，我在下面的chrome上遇到了错误。

XMLHttpRequest无法加载javascript:；。跨源请求仅支持协议方案：http、数据、chrome、chrome扩展、https、chrome扩展资源。

以下是代码：

$.ajax({
    type: "POST",
    data: {pvalue : pid},
    cache: false,
    url: "xxx.in/yy/ajax.php",
    success: function(data)
    {
      $modal.find('.edit-content').html(data);
    }

Answer 1

如果您正在访问来自其他域的数据，则必须覆盖Chrome的同源策略。为此，您必须指定数据类型：“jsonp”

$.ajax({
    type: "POST",
    dataType: 'jsonp',
    data: {pvalue : pid},
    cache: false,
    url: "xxx.in/yy/ajax.php",
    success: function(data)
    {
      $modal.find('.edit-content').html(data);
    }
});

如果文件ajax。php在您的服务器（您现在正在使用的服务器）中，只需在url部分指定文件名即可（如下所示）。

$.ajax({
    type: "POST",
    data: {pvalue : pid},
    cache: false,
    url: "ajax.php",
    success: function(data)
    {
      $modal.find('.edit-content').html(data);
    }
});

Answer 2

对该特定错误消息的所有研究都表明，主机网页不是通过http://URL加载的，可能是一个file:URL。默认情况下，浏览器不允许来自文件URL的跨源请求。

如果你想使用ajax请求，你需要通过你的网络服务器加载网页，而不是通过文件系统。

以下是关于该特定错误的一些其他问题和答案，它们都指向用于加载页面的错误类型的网址。

"只支持HTTP的跨源请求."加载本地文件时出错

反应js：教程中的示例不起作用

跨源请求仅支持HTTP，但不支持跨域

http://answers.playcanvas.com/questions/833/cannot-load-model-due-to-cross-origin-request-being-blocked

https://groups.google.com/forum/#!主题/tincr用于镀铬工具/nA9k2qh7F-g