关于JS的Ajax方法导致跨域问题的解决办法
来源:互联网 发布:淘宝如何设计水印图 编辑:程序博客网 时间:2024/06/04 17:43
前面发布了一篇关于利用load()方法拼接页面的技术文章,有网友运行后发现在谷歌浏览器里无法正常显示,console.log()控制台报错:
XMLHttpRequest cannot load file:///E:2014/DEMO/html_ajax/header.html. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource.
这是由于涉及到跨域问题!
由于该网友没有在服务器环境里运行含有ajax方法的页面,而是直接通过浏览器打开(类似file:///的访问形式,即file协议)
本地页面ajax()请求本地页面,须通过服务器环境运行,类似这样:
http://127.0.0.1:8888/2014/DEMO/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的用途
原创文章转载请注明出处!原文链接:http://www.exp99.com/jswz/f2e/1415609654_115.html
0 0
- 关于JS的Ajax方法导致跨域问题的解决办法
- 关于js的ajax方法导致跨域问题的解决办法
- 关于Ajax跨域访问问题的一种解决办法
- 关于PHP Ajax跨域问题的解决办法
- 使用dwr同步调用导致无法获取js方法的返回结果问题的解决办法
- js 技术关于 ajax 的跨域问题
- ajax 浏览器跨域问题的解决办法
- ajax跨域问题的解决办法
- 关于AJAX传送中文会导致乱码的问题
- 关于iOS10 获取权限导致Crash问题的解决办法
- 解决本地调试导致的Ajax跨域问题
- 解决本地调试导致的Ajax跨域问题
- 关于AJAX调用ASP.NET MVC 或者WEBAP项目提示I跨域问题的解决办法
- 关于include标签导致js路径找不到的问题
- IE8浏览器缓存问题导致Ajax的GET请求只能执行一次的解决办法
- updatePanel导致JS失效的解决办法
- 关于ajax的跨域问题
- 关于ajax跨域请求的问题
- btrace使用
- 使用spring创建一个RESTful Web Service
- Hibernate+Junit-史上最详细图解教程-从环境配置到入门
- c# 3.0 get set 默认值
- JavaScript入门学习5 DOM操作2
- 关于JS的Ajax方法导致跨域问题的解决办法
- 网站运行状态检测工具
- Tomcat服务器配置,二级域名,域名访问
- 关于volley框架源码解析
- php小笔记 函数传值细节分析
- java中list,set,map的区别(笔记记录)
- IOS 发布 Itunes 上的操作流程
- 【整理】编程小常识
- Java类初始化顺序