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的用途


  • 1
    点赞
  • 4
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值