解决Ajax跨域问题:Origin xx is not allowed by Access-Control-Allow-Origin
来源:互联网 发布:c语言二级考试真题 编辑:程序博客网 时间:2024/05/18 23:13
今天一个Ajax跨域问题,纠结我半天,记录之。
- <html>
- <head>
- <title>title</title>
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script>
- $.ajax({
- url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
- type:'GET',
- success: function(data){
- $('body').append( "Name: " + data );
- }
- });
- </script>
- </head>
- <body>
- 测试Ajax跨域问题
- </body>
- </html>
没有结果,chrome用F12 下查看错误 得知:XMLHttpRequest cannot load http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228. Origin http://localhost is not allowed by Access-Control-Allow-Origin. AJAX跨域问题产生。
搜了好久,得知解决方案:
一:使用jsonp格式, 如jquery中ajax请求参数 dataType:'JSONP'。
- <html>
- <head>
- <title>title</title>
- <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
- <script>
- $.ajax({
- url:"http://map.yanue.net/gpsApi.php?lat=22.502412986242&lng=113.93832783228",
- type:'GET',
- dataType:'JSONP',
- success: function(data){
- $('body').append( "Name: " + data );
- }
- });
- </script>
- </head>
- <body>
- 测试Ajax跨域问题
- </body>
- </html>
二,server端加上header设为 Access-Control-Allow-Origin:*
- header("Access-Control-Allow-Origin: *"); # 跨域处理
问题就解决了。
阅读全文
0 0
- 解决Ajax跨域问题:Origin xx is not allowed by Access-Control-Allow-Origin.
- 解决Ajax跨域问题:Origin xx is not allowed by Access-Control-Allow-Origin
- Origin null is not allowed by Access-Control-Allow-Origin.
- Origin null is not allowed by Access-Control-Allow-Origin
- Origin XX is not allowed by Access-Control-Allow-Origin.解决办法
- chrome发起跨域ajax请求遇到 Origin null is not allowed by Access-Control-Allow-Origin 一解
- JQuery 的 ajax 出现Origin null is not allowed by Access-Control-Allow-Origin 解决方法
- 让chrome支持本地Ajax请求,Ajax请求status cancel Origin null is not allowed by Access-Control-Allow-Origin
- 在当地使用Chrome中调试ajax时提示Origin null is not allowed by Access-Control-Allow-Origin
- Origin null is not allowed by Access-Conntrol-Allow-Origin
- XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.
- XMLHttpRequest Origin null is not allowed by Access-Control-Allow-Origin
- XMLHttpRequest在请求失败(Origin null is not allowed by Access-Control-Allow-Origin.)
- Origin null is not allowed by Access-Control-Allow-Origin解决方案
- XMLHttpRequest在请求失败(Origin null is not allowed by Access-Control-Allow-Origin.)
- XMLHttpRequest cannot load – Origin is not allowed by Access-Control-Allow-Origin.
- XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin
- jquey XMLHttpRequest cannot load url.Origin null is not allowed by Access-Control-Allow-Origin
- 正则表达式
- Android--SQLite
- select的onchange事件和onclick事件区别
- 微生态架构设计
- lucene6.6.0学习心得
- 解决Ajax跨域问题:Origin xx is not allowed by Access-Control-Allow-Origin
- 织梦自定义表单联动地区显示为数字的解决方法
- k:特殊的线性表—队列
- 解析Jquery取得iframe中元素的几种方法
- Android开发笔记:基本控件之Spinner用法
- PAT乙级1050. 螺旋矩阵(25)
- POJ1321 棋盘问题 —— DFS回溯
- Python模块包中__init__.py文件的作用
- (void)变量