Ajax请求失败原因

今天使用Ajax进行页面访问，页面访问失败，但通过浏览器地址栏直接访问又可以访问成功。英文比较差，不清楚提示是什么意思，经多番查找，终于找到一个比较合理的解释，具体如下：

1. javascript代码：

xmlhttp = $.ajax({url:"http://www.baidu.com",async:false});
alert(xmlhttp.responseText);

2. 现象：

（1）alert提示：

（2）Chrome Network结果：

（3）Chrome控制台（Console）错误提示：

XMLHttpRequest cannot load http://www.baidu.com/. Origin null is not allowed by Access-Control-Allow-Origin.

3. 原因：

出于安全的考虑，对于XMLHttpRequest，浏览器默认设置为不允许跨域访问。（IE8例外，具体为什么没有得到合理的解释）

注：加载本地文件被当做跨域行为。

4. 允许跨域访问配置：

（1）chrome启动时加上参数"--allow-file-access-from-files"（据说这个可以，还有待验证）。

5. 参考同类型问题文章

[1]http://stackoverflow.com/questions/10865869/origin-null-is-not-allowed-by-access-control-allow-origin?lq=1

[2]http://my.oschina.net/LinBandit/blog/33160

[3]http://www.cnblogs.com/accessking/archive/2012/05/12/2497000.html

[4]http://www.ghugo.com/origin-null-is-not-allowed-by-access-control-allow-origin/

原文地址：https://www.jb51.cc/ajax/165993.html