(冲突)ajax的跨域问题

最新推荐文章于 2023-07-28 14:09:18 发布
最新推荐文章于 2023-07-28 14:09:18 发布
阅读量307 收藏
点赞数
分类专栏： 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
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Ajax跨域问题 解决方案
11-09
关于跨域，有N种类型，本文只专注于ajax请求跨域(,ajax跨域只是属于浏览器”同源策略”中的一部分,其它的还有Cookie跨域iframe跨域,LocalStorage跨域等这里不做介绍)，内容大概如下: 什么是ajax跨域 o原理 o表现(整理了一些遇到的问题以及解决方案) 如何解决ajax跨域 oJSONP方式 oCORS方式 o代理请求方式 如何分析ajax跨域 ohttp抓包的分析 o一些示例
Ajax跨域问题的两种解决方法
weixin_30407099的博客
03-31 129
浏览器不允许Ajax跨站请求，所以存在Ajax跨域问题，目前主要有两种办法解决。 1、在请求页面上使用Access-Control-Allow-Origin标头。 　　使用如下标头可以接受全部网站请求： header('Access-Control-Allow-Origin:*') 　　使用如下标头可以接受指定网站请求： header('Access-Control-Al...
ajax跨域问题解决方案
weixin_34162695的博客
06-20 154
今天来记录一下关于ajax跨域的一些问题。以备不时之需。 跨域 同源策略限制 同源策略阻止从一个域上加载的脚本获取或操作另一个域上的文档属性。也就是说，受到请求的 URL 的域必须与当前 Web 页面的域相同。这意味着浏览器隔离来自不同源的内容，以防止它们之间的操作。 解决方式 通常来说，比较通用的有如下两种方式，一种...
ajax的跨域问题
不想写代码的一天
06-18 202
这是一个简单的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 809
ajax伴随的goole 的推动，越来越多的站点开始使用了，在开大ajax程序的时候会遇到很多的问题，主要有以下几个方面： 1.跨浏览器问题 2.历史后退状态问题 3.跨域问题 　　跨浏览器的问题因为现在有很多的开元的框架已经解决了，我们无需为此而烦恼。　　历史后退状态问题我们可
Ajax跨域通信解决异步加载及信息同步实操——以石家庄市文献资源平台为例.pdf
最新发布
01-02
【Ajax跨域通信】在IT领域，Ajax（Asynchronous JavaScript and XML）是一种创建动态网页的技术，使得网页可以在不重新加载整个页面的情况下与服务器交换数据并更新部分网页内容。跨域通信是Ajax面临的一个主要挑战...
Ajax发送和接收请求
12-10
同时，需要注意防止重复发送Ajax请求，避免数据冲突，以及处理可能出现的跨域问题，这可以通过设置CORS（跨源资源共享）或者使用JSONP等技术来解决。 总之，Ajax的核心在于XMLHttpRequest对象，它通过异步方式与...
PHP实现简单ajax Loading加载功能示例
12-18
因此，每次发送新的请求时，都应检查并可能重新初始化XMLHttpRequest对象，以避免冲突。 在PHP端，`for.php`文件将接收请求并处理数据。通常，这个文件会根据查询参数（例如`id`）执行数据库查询或其他计算，并返回...
浅谈关于angularJs中使用$.ajax的注意点
11-30
除了便捷度，还有可能就是jquery有些地方确实比angular要全面些，就比如说ajax跨域方面。 我本人平时用angular开发的时候，基本上就只是用angular，即便有angular.element 这个方法也是尽量少使用，我建议大家如果...
javascript跨域请求包装函数与用法示例
11-29
JavaScript跨域请求是Web开发中常见的一类问题，由于浏览器的同源策略限制，JavaScript不能直接访问不同源的资源。为了解决这个问题，开发者通常会使用JSONP（JSON with Padding）或CORS（Cross-Origin Resource ...
关于ajax跨域问题的几种常见解决方案，附代码。
03-01
什么是跨域，跨域出现的场景，模拟跨域，springmvc下解决跨域，springboot下解决跨域。绝对原创。
AJAX的跨域访问-两种有效的解决方法介绍
10-27
本篇文章是对AJAX的跨域访问-两种有效的解决方法进行了详细的分析介绍，需要的朋友参考下
ajax跨域问题解决思路
Annie的博客
09-13 164
一、问题 浏览器出于安全考虑，当发现前端xhr请求跨域时，会进行校验，若校验不通过，则会报错。 二、解决思路 1、禁止浏览器校验 缺点：需用户操作，存在安全隐患 2、使用jsonp代替xhr 原理：发送请求时增加了约定参数（默认为callback），后台接受到约定参数后将返回的数据由json转为JavaScript，使用函数调用的形式，函数名是约定参数的值，函数值是...
解决ajax跨域问题【5种解决方案】
weixin_30675967的博客
06-05 102
什么是跨域问题?跨域问题来源于JavaScript的"同源策略"，即只有 协议+主机名+端口号 (如存在)相同，则允许相互访问。也就是说JavaScript只能访问和操作自己域下的资源，不能访问和操作其他域下的资源。跨域问题是针对JS和ajax的，html本身没有跨域问题。 查看浏览器开发者工具Console报错： Failed to load http://a.a.com:8080/A/Fr...
ajax请求跨域问题分析与解决
流离岁月的博客
03-15 306
ajax请求跨域问题分析与解决 一. ajax请求跨域分析： 跨域问题来源于JavaScript的同源策略，即只有 协议+域名+端口号 (如存在)相同，则允许相互访问,若是协议，域名，端口号有一个不同就会发生跨域问题。 1.浏览器限制 2.跨域 3.XHR(XMLHttpRequest)请求 二.解决思路 1.解决浏览器限制问题：通...
跨域冲突问题解决
weixin_41827053的博客
07-28 8953
nginx 跨域处理
如何解决跨域冲突
1234的博客
06-10 679
本地可以使用proxyTable 解决跨域问题 具体参考https://segmentfault.com/a/1190000011715088 服务器可以使用使用nginx反向代理 nginx的代理过程，就是将请求发送给nginx，然后将请求转发给后端服务器，后端服务器处理完毕之后将结果再发给nginx，nginx再把结果发送给客户端。后端服务器可在远程也可在本地，...
AJAX请求及解决跨域问题
m0_59092234的博客
07-30 766
AJAX其实就是异步的js和xml通过ajax可以在浏览器中发送异步请求。最大优势无刷新获取数据优点1.可以无需刷新页面与服务器进行通信2.允许根据用户事件更新部分页面内容当然也存在其缺点问题比如跨域问题等！...
$.ajax() 请求头,$.ajax应用之请求头headers
weixin_32434033的博客
08-05 5719
昨天项目中，由于要请求token验证，后台给出的方案是采用请求头返回token数据，给出的API文档是这样的由于之前一直都是采用请求体发送请求，服务器在应答体李返回数据。和这个不一样；采用jq的$.ajax()函数发送请求，代码如下$.ajax({type: 'POST',url: '/token',headers:{"appId":appId,"appKey":appKey,"Content-T...
请求接口ajax跨域问题
06-11
跨域问题是由于浏览器的同源策略所导致的。同源策略指的是：协议、域名、端口号必须相同，否则浏览器会阻止发送跨域请求。因此，当我们在开发过程中需要访问其他域名下的接口时，就会出现跨域问题。解决跨域问题有...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值