在谷歌浏览器中调试接口,出现: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举例:
- $.ajax({
- type : "get",
- async:false,
- url : "http://app.example.com/base/json.do?sid=1494&busiId=101",
- dataType : "jsonp",//jsonp数据类型
- jsonp: "jsonpCallback",//服务端用于接收callback调用的function名的参数
- success : function(data){
- $("#myID").text("Result:"+data.result)
- },
- error:function(){
- alert('fail');
- }
- });
AJAX()方法中的async:false或async:true的用途