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= [

'info' => '跨域请求成功',

'status'=> 1

];

$callback= $_GET['callback'];//callback参数是发起请求是jquery的回调参数。

echo$callback.'('.json_encode($data).')';//所有返回数据时，需要按照此方式。

?>

二、实现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= [

'info' => 'post方式,跨域请求成功',

'status'=> 1

];

echojson_encode($data);

?>

某些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两种方式)跨域解决方法相关推荐

设置背景图片的两种方式，并解决手机端背景图片高度自适应问题
设置背景图片的两种方式,并解决手机端背景图片高度自适应问题参考文章: (1)设置背景图片的两种方式,并解决手机端背景图片高度自适应问题 (2)https://www.cnblogs.com/Dark ...
JavaScript跨域解决方法大全
跨域的定义:JavaScript出于安全性考虑,同源策略机制对跨域访问做了限制.域仅仅是通过"URL的首部"字符串进行识别,"URL的首部"指window.lo ...
php 便利jq,jquery怎样遍历数组？jquery遍历数组常用的两种方式
在jquery中,我们常用$().each和$.each()这两个方法来进行数组的遍历,$().each和$.each()这两种方法表面看起来好像差不多,但是,实际上这两个方法是有区别的,两个方法在针 ...
javascript定义数组的两种方式，获取各个元素的值
<script type="text/javascript"> //创建数组并赋值 //1声明数组,分配空间,赋值 ...
PHP下实现两种ajax跨域的解决方案之jsonp
H5开发中使用ajax调用数据接口, 如果接口文件不在同域名下会提示跨域错误(No 'Access-Control-Allow-Origin' header is present on the req ...
几种常见的跨域解决方法
前言由于浏览器的同源策略,当我们请求网络资源时,所在页面的url中的协议,端口,域名其中一个与请求资源的url不同,都会出现跨域的问题.但是浏览器不能没有这个策略,这样会很危险,像csrf,xss攻 ...
打包C#软件两种典型出错的解决方法，以及如何快速定位你的问题出在哪里
本文受众:像我一样的编程菜鸟如何打包一个C#的方法网上有很多,不再赘述,看本文之前请确保知道怎么使用set up project插件,不懂得看这里. 废话:编程的快感来自于很多方面,对于像我一样的菜 ...
hive建立内部表映射hbase_Hive 建外链表到 Hbase（分内部表、外部表两种方式）
一. Hive 建内部表,链到hbase :特点:Hive drop表后,Hbase 表同步删除 drop table if exists hbase_kimbo_test1; CREATE TABL ...
Java并发基础01. 传统线程技术中创建线程的两种方式
传统的线程技术中有两种创建线程的方式:一是继承Thread类,并重写run()方法:二是实现Runnable接口,覆盖接口中的run()方法,并把Runnable接口的实现扔给Thread.这两种方式 ...

jquery、javascript实现(get、post两种方式)跨域解决方法

jquery、javascript实现(get、post两种方式)跨域解决方法

jquery、javascript实现(get、post两种方式)跨域解决方法相关推荐

最新文章

热门文章