首页 > 代码库 > jquery、javascript实现(get、post两种方式)跨域解决方法
jquery、javascript实现(get、post两种方式)跨域解决方法
一、实现get方式跨域请求数据
浏览器端
<script> $(document).ready(function(){ $.ajax({ url: "http://www.xxx.cn/index.php", type: "get", dataType: "jsonp", //指定服务器返回的数据类型 success: function (data) { console.log(data); } }); }); </script>
服务器端
<?php $data = http://www.mamicode.com/[>
二、实现post方式跨域请求
浏览器端
<script> $(document).ready(function(){ $.ajax({ url: "http://www.xxx.cn/index.php", type: "post", dataType: "json", //指定服务器返回的数据类型 success: function (data) { console.log(data); } }); }); </script>
服务器端
Access-Control-Allow-Origin:* 表示允许任何域名跨域访问
如果需要指定某域名才允许跨域访问,只需把Access-Control-Allow-Origin:*改为Access-Control-Allow-Origin:允许的域名
例如:header(‘Access-Control-Allow-Origin:http://www.xxx.com‘);
<?php header(‘Access-Control-Allow-Origin: *‘);//允许所有来源访问 header(‘Access-Control-Allow-Methods: POST‘);//响应类型 $data = http://www.mamicode.com/[>
某些header请求头
// 指定允许其他域名访问
header(‘Access-Control-Allow-Origin:*‘);
// 响应类型
header(‘Access-Control-Allow-Methods:POST‘);
// 响应头设置
header(‘Access-Control-Allow-Headers:x-requested-with,content-type‘);
//设置内容类型为json
header(‘content-type:application:json;charset=utf8‘);
jquery、javascript实现(get、post两种方式)跨域解决方法
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。