Jquery跨域获取php数据

最新推荐文章于 2022-11-12 11:11:11 发布

原创最新推荐文章于 2022-11-12 11:11:11 发布 · 1k 阅读

1 ·

CC 4.0 BY-SA版权

php 同时被 2 个专栏收录

15 篇文章

订阅专栏

javascript

12 篇文章

订阅专栏

本文介绍两种实现JQuery与PHP跨域交互的方法：一是通过JSONP方式获取不同域名下的数据；二是通过设置PHP头部信息允许跨域访问。文中提供了具体的JS请求代码及PHP返回代码示例。

使用Jquery宽裕获取php数据，

方法一：使用jsonp获取另一个域名下的信息。

js请求代码：

  $(function(){
               $.ajax({
                  url:'http://domain.com/api/cors/jsonp.php',
                  type:'GET',
                  dataType:'jsonp',
                  jsonpCallback: 'callback',
                  success:function(data){
                      console.log(data);
                  },
                  error:function(data){
                    console.log('error');
                  }
                
               }); 
            });

php:返回代码：

if(isset($_GET['callback']))
{
    $obj = array('user_name' => 'zhang3','password'=>'123456');
    echo $_GET['callback']. '(' . json_encode($obj) . ');';
}

方法二：使用php允许跨域访问

在php中设置头部设置为Origin：*

header('Access-Control-Allow-Origin:*');
header('Access-Control-Allow-Methods:POST,GET');
header('Access-Control-Allow-Credentials:true');
echo  json_encode($obj = array('user_name' => 'zhang3','password'=>'123456'));

前端请求：

 $.ajax({
                  url:'http://domain.com/api/cors/jsonp.php',
                  type:'GET',
                  dataType:'json',
                  //jsonpCallback: 'callback',
                  success:function(data){
                      console.log(data);
                  },
                  error:function(data){
                    console.log('error');
                  }
                
               });