(冲突)ajax的跨域问题

最新推荐文章于 2023-07-28 14:09:18 发布
最新推荐文章于 2023-07-28 14:09:18 发布
阅读量326 收藏
点赞数
分类专栏： java 文章标签： 后台 ajax
本文为博主原创文章，未经博主允许不得转载。
本文链接：https://blog.csdn.net/LEON_NIUBI/article/details/78416941
版权
Access-Control-Allow-Origin与跨域:
在请求页面上使用Access-Control-Allow-Origin标头。
　　使用如下标头可以接受全部网站请求：
header('Access-Control-Allow-Origin:*')
　　使用如下标头可以接受指定网站请求：
header('Access-Control-Allow-Origin:http://www.abc.com')
　　所以，服务器写法：
1
2
3
header('Access-Control-Allow-Origin:*');
die( json_encode(array('msg'=>'msg....')) );
　　ajax写法和平常一样：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<!DOCTYPE html>
<html lang="en" class="">
<head>http://i.cnblogs.com/EditPosts.aspx?opt=1
<meta charset="utf-8" />
<title>测试</title>
<script src="http://www.ysont.cn/plugs/cookie/js/jquery-1.11.1.min.js"></script>
<body>
<script>
$.ajax({
url:'http://192.168.1.124/homekoo.com/zde/cors_1.php',
dataType:'json',
success:function(data){
alert(data.msg);
}
});
</script>
</body>
</html>
 
2、使用jsonp跨域请求。
　　服务器：
1
2
$data = json_encode(array('msg'=>'msg....'));
die( $_REQUEST['function_name_index'].'('.$data.')' );
 　　ajax请求：
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<!DOCTYPE html>
<html lang="en" class="">
<head>
<meta charset="utf-8" />
<title>测试</title>
<script src="http://www.ysont.cn/plugs/cookie/js/jquery-1.11.1.min.js"></script>
<body>
<script>
$.ajax({
url:'http://192.168.1.124/homekoo.com/zde/cors_1.php',
dataType:'jsonp',
jsonp:'function_name_index',
jsonpCallback:'function_name',
success:function(data){
alert(data.msg);
}
});
</script>
</body>
</html>
 在ajax请求中，使用jsonp数据格式，所以讲dataType参数设置为jsonp，平常，还加到了jsonp和jsonpCallback两个参数，结合代码，不难看出这两个参数作用：
　　 jsonp的作用是设置服务器获取回调函数名称参数的下标参数，jsonpCallback的作用就是设置回调函数，相当于input标签中name和value，jsonp对应name，value对应jsonpCallback。
　　更多jsonp请求可以参考： http://www.cnblogs.com/duanhuajian/p/3152617.html，有很详细的原理介绍。
 
当然，对已一些简单的GET请求，平不需要回调函数处理，可以使用script、img、iframe 等html标签设置的src属性产生GET请求，这里不在讨论情况了。
 
wangkexin@2019
关注
专栏目录
AJAX请求及解决跨域问题
segegefe的博客
08-01 585
AJAX其实就是异步的js和xml通过ajax可以在浏览器中发送异步请求。最大优势无刷新获取数据优点1.可以无需刷新页面与服务器进行通信2.允许根据用户事件更新部分页面内容当然也存在其缺点问题比如跨域问题等！...
微信分享 ajax冲突,微信jssdk分享功能开发及解决ajax跨域的问题
weixin_42452580的博客
08-05 525
微信JS-SDK说明文档微信JS-SDK Demo我所要实现的分享功能要求：只要提供一段js代码给前端美工放置在静态页面等就可以实现分享功能。js代码如下：url=location.href;$.ajax({type : "get",url : "http://域名/wx/test/jssdk.php?url="+url,dataType : "jsonp",jsonp: "callback",j...
Ajax跨域问题 解决方案
11-09
关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下: 什么是ajax跨域 o原理 o表现(整理了一些遇到的问题以及解决方案) 如何解决ajax跨域 oJSONP方式 oCORS方式 o代理请求方式 如何分析ajax跨域 ohttp抓包的分析 o一些示例
Ajax跨域问题的两种解决方法
weixin_30407099的博客
03-31 162
浏览器不允许Ajax跨站请求，所以存在Ajax跨域问题，目前主要有两种办法解决。 1、在请求页面上使用Access-Control-Allow-Origin标头。 　　使用如下标头可以接受全部网站请求： header('Access-Control-Allow-Origin:*') 　　使用如下标头可以接受指定网站请求： header('Access-Control-Al...
ajax跨域问题解决方案
weixin_34162695的博客
06-20 172
今天来记录一下关于ajax跨域的一些问题。以备不时之需。 跨域 同源策略限制 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。 解决方式 通常来说，比较通用的有如下两种方式，一种...
ajax的跨域问题
不想写代码的一天
06-18 223
这是一个简单的ajax 异步发送请求获取数据 var http =new XMLHttpRequest(); http.open("get","txt/ajax.txt",true); http.send(); function showdata(callback){ http.onreadystatechange =function(){ if(...
AJAX跨域问题解决办法
TechChan的专栏
07-14 832
ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面： 1.跨浏览器问题 2.历史后退状态问题 3.跨域问题 　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可
Ajax跨域通信解决异步加载及信息同步实操——以石家庄市文献资源平台为例.pdf
最新发布
01-02
【Ajax跨域通信】在IT领域，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。跨域通信是Ajax面临的一个主要挑战...
完美解决api、WebService跨域的问题
10-18
以上方法可以有效解决webapi接口和WebService在Ajax调用时遇到的跨域问题。这种配置方式不需要改动服务器端的业务逻辑代码，仅通过调整HTTP响应头部信息，就可以让浏览器允许跨域请求，从而使得不同源的Web应用能够...
ajax跨域问题解决思路
Annie的博客
09-13 182
一、问题 浏览器出于安全考虑，当发现前端xhr请求跨域时，会进行校验，若校验不通过，则会报错。 二、解决思路 1、禁止浏览器校验 缺点：需用户操作，存在安全隐患 2、使用jsonp代替xhr 原理：发送请求时增加了约定参数（默认为callback），后台接受到约定参数后将返回的数据由json转为JavaScript，使用函数调用的形式，函数名是约定参数的值，函数值是...
解决ajax跨域问题【5种解决方案】
weixin_30675967的博客
06-05 126
什么是跨域问题?跨域问题来源于JavaScript的"同源策略"，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题。 查看浏览器开发者工具Console报错： Failed to load http://a.a.com:8080/A/Fr...
ajax跨域问题
iteye_13083的博客
01-04 144
不知是跨域问题 起 因是这样的，为了复用，减少重复开发，单独开发了一个用户权限管理系统，共其他系统获取认证与授权信息，暂且称之为A系统；调用A系统以B为例。在B系统 中用ajax调用A系统系统的接口(数据格式为json)，当时特别困惑，在A系统中访问相应的url可正常回返json数据，但是在B系统中使用 ajax请求同样的url则一点儿反应都没有，好像什么都没有发生一样。这样反反复复改来改去...
关于ajax跨域问题的几种常见解决方案，附代码。
03-01
什么是跨域，跨域出现的场景，模拟跨域，springmvc下解决跨域，springboot下解决跨域。绝对原创。
AJAX的跨域访问-两种有效的解决方法介绍
10-27
本篇文章是对AJAX的跨域访问-两种有效的解决方法进行了详细的分析介绍，需要的朋友参考下
Ajax跨域和Nginx反向代理
wucan111的博客
01-03 997
Ajax跨域和Nginx反向代理 跨域是浏览器对其请求的过滤，保证安全 一、一种流行的跨域方式 CORS CORS是后端配置，在前端请求时，后端的响应请求写入一些运行跨域字段来告诉浏览器不要拦截响应运行跨域 优点： 允许任何源访问服务，不产生跨域，但是也不安全 缺点： CORS不允许前端携带Cookie，即使前端形式上运行携带，后端无法获取，也无法setCookie回写cookie 当然对于不能携带cookie不是没有解决办法 => 前端要做： 设置请求运行携带凭证 withCreden
ajax请求跨域问题分析与解决
流离岁月的博客
03-15 332
ajax请求跨域问题分析与解决 一. ajax请求跨域分析： 跨域问题来源于JavaScript的同源策略，即只有 协议+域名+端口号 (如存在)相同，则允许相互访问,若是协议，域名，端口号有一个不同就会发生跨域问题。 1.浏览器限制 2.跨域 3.XHR(XMLHttpRequest)请求 二.解决思路 1.解决浏览器限制问题：通...
Ajax跨域请求的解决办法
ぁ颩ぁ囩ぁ
11-08 116
由于项目需要，对项目进行优化，将项目中的一部分动态页面生成静态页面来提高访问的速度，随后这些静态页面与web服务器分开，存于其他服务器，并为其指定了二级域名。问题来了，导致以前写的ajax全部over。   于是埋头苦找问题，照旧，在ajax的后提方法中设置断点，不料，断点尽然跳不进，后来，将ajax方法中与后台交互的url改为全路径（不用相对路径），结果，断点顺利进入，欣喜若狂。于是将所有ur...
跨域冲突问题解决
热门推荐
weixin_41827053的博客
07-28 1万+
nginx 跨域处理
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值