XMLHttpRequest cannot load 的解决方法

在谷歌浏览器中调试接口,出现:XMLHttpRequest cannot load错误

需要配置谷歌浏览器,使浏览器支持跨域,步骤如下:

具体操作如下:首先需要关闭谷歌浏览器的所有窗口

右击谷歌浏览器图标——>属性。弹出属性对话框。在目标栏最后添加 --args --disable-web-security --user-data-dir 注意空格 

以上错误提示是由于AJAX方法涉及到 跨域 的问题导致!

由于该网友没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议)

本地页面ajax()请求本地页面,须通过服务器环境运行,类似这样:

http://127.0.0.1:8888/EXP99.COM/html_ajax/index.html

注意:如果是在远程服务器里ajax()请求外域服务器里的页面,即使通过服务器环境运行也会报跨域的错误,此时需要通过JSONP的形式!

什么是JSONP

JSONP(JSON with Padding)是JSON的一种“使用模式”,可用于解决主流浏览器的跨域数据访问的问题。

JSONP举例:

 
  
  1. $.ajax({ 
  2.     type : "get"
  3.     async:false
  4.     url : "http://app.example.com/base/json.do?sid=1494&busiId=101"
  5.     dataType : "jsonp",//jsonp数据类型 
  6.     jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数 
  7.     success : function(data){ 
  8.         $("#myID").text("Result:"+data.result) 
  9.     }, 
  10.     error:function(){ 
  11.         alert('fail'); 
  12.     } 
  13. }); 

AJAX()方法中的async:false或async:true的用途


你可能感兴趣的:(浏览器报错常见问题)