简单ajax跨域请求

最近遇到需要ajax跨域的需求

首先看下不做任何处理特别处理的ajax跨域请求会出现什么样的错误

客户端代码：

<script type="text/javascript">$.ajax({url: 'http://localhost/test/respone.php',type: 'get',dataType: 'json',success:function (res) {console.log(res);}});</script>

服务端代码：

<?php
echo json_encode(['name'=>'ogq','age'=>18]);?>

运行结果：

提示：Failed to load http://localhost/test/respone.php: No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://my.com' is therefore not allowed access.错误

这是因为浏览器ajax不能跨域造成的，下面是我查找资料后简单做的一个ajax跨域请求与返回

客户端代码：

<script type="text/javascript">$.ajax({url: 'http://localhost/test/respone.php',type: 'get',dataType: 'jsonp',success:function (res) {console.log(res);}});</script>

　　没错，只是将dataType:"json" 改成了“jsonp”,

然后是服务器端代码：

<?phpecho $_REQUEST['callback'],'('.json_encode(['name'=>'ogq','age'=>18]),')';
?>

　　在请求一次，输出结果

这样就能正常跨域了

ps:没有深究，能正常使用就可以了。嘻嘻

转载于:https://www.cnblogs.com/ouguangqiang/p/9176803.html

简单ajax跨域请求相关推荐

ajax跨域请求Jsonp实现,使用jsonp实现ajax跨域请求
Jsonp(JSON with Padding)是资料格式 json 的一种"使用模式",可以让网页从别的网域获取资料. 由于同源策略,一般来说位于 server1.example ...
jq中ajax请求跨域,用JQuery实现简单的Ajax跨域请求
前一阵发过一篇利用ExtJs的ScriptTagProxy实现Ajax跨域请求的文章,这几天看了一下Jquery,发现如果用JQuery中的getScript其实更简单(jquery 1.2.6版本) ...
AJAX跨域请求数据原理与案例
1.如何通过AJAX跨域请求数据 AJAX通过jsonp来实现跨域请求数据,通过设置dataType(jquery)为jsonp即可. 2.AJAX如何通过jsonp实现跨域(来源于其他网站资料) J ...
apache ajax 跨域访问,Apache 实现AJAX跨域请求
当使用ajax跨域请求时,浏览器报错:XmlHttpRequest error: Origin null is not allowed by Access-Control-Allow-Origin.肯 ...
ajax跨域请求 html5,HTML5中使用postMessage实现Ajax跨域请求的方法
由于同源策略的限制,Javascript存在跨域通信的问题,典型的跨域问题有iframe与父级的通信等. 常规的几种解决方法: (1) document.domain+iframe: (2) 动态创建 ...
HTML5 AJAX跨域请求
方法一:HTML5新的标准中,增加了" Cross-Origin Resource Sharing"特性,这个特性的出现使得跨域通信只需通过配置http协议头来即可解决. Cros ...
Apache 实现AJAX跨域请求
更多:http://www.webyang.net/Html/web/article_133.html 当使用ajax跨域请求时,浏览器报错:XmlHttpRequest error: Origin ...
ajax跨域请求时会出现什么问题,在用AJAX跨域请求时遇到的问题
刚刚接触ajax就遇到一个词--跨域. 在我百度了各种资料以后总结了一句话:"只要不是在一个协议.域.名端口下,都属于跨域(127.0.0.1本地也属于跨域)". 在做ajax请求 ...
ajax 跨域请求数据,JQuery Ajax执行跨域请求数据的解决方案
JQuery Ajax执行跨域请求数据的解决方案今天前端因为需要ajax调用两个不同的项目,请求域不一样,所以涉及ajax跨域的问题 ,其实很简单,具体如下原来的ajax请求如下: $.ajax( ...
ajax跨域请求传递Cookie问题
问题描述前后端完全分离的项目,前端使用Vue + axios,后端使用SpringMVC,容器为Tomcat. 使用CORS协议解决跨域访问数据限制的问题,但是发现客户端的Ajax请求不会自动带上服 ...

简单ajax跨域请求

简单ajax跨域请求相关推荐

最新文章

热门文章