php+ajax+jsonp 跨域传输实例

最新推荐文章于 2021-03-23 11:10:22 发布

lvhaizhen

最新推荐文章于 2021-03-23 11:10:22 发布

阅读量1.7k

点赞数

分类专栏： PHP

本文链接：https://blog.csdn.net/lvhaizhen/article/details/85759616

版权

PHP 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

HTML页面
<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Hello, World</title>
    <script type="text/javascript" src="jquery-3.2.1/jquery-3.2.1.min.js">
    </script>
</head>

<body>
<div id="container"></div>
<script type="text/javascript">
    $(function(){
        $.ajax({
            //本地的url
            url : "/jsonp/jsonp.php",
            dataType:"jsonp",
            //传递参数
            data:{
                "id":"123456",
                "t":1
            },
            //数据传输类型
            type:"post",
            //回调函数
            jsonp:"callback",
            timeout: 5000,
            success:function(data){
                console.log(data);
            },
            error:function(XHR, textStatus, errorThrown){
                console.log('error: ' + textStatus);
                console.log('error: ' + errorThrown);
            }
        });
    });
    </script>
</body>
</html>

PHP 页面

<?php
$id = $_POST['id'];
$t = $_POST['t'];
$jsonp = $_GET['callback'];//get接收jsonp自动生成的函数名
$id = $id+1000;
$t = $t +3;
$arr = array(
    'id' => $id,
    't' => $t
);
echo $jsonp.'('. json_encode($arr). ')'; //jsonp函数名包裹json数据

结果图：

lvhaizhen

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
1
评论
php+ajax+jsonp 跨域传输实例

HTML页面&lt;!DOCTYPE html&gt;&lt;html&gt;&lt;head&gt; &lt;meta name="viewport" content="initial-scale=1.0, user-scalable=no" /&gt; &lt;meta http-equiv="Content-Type" content="
复制链接

扫一扫

专栏目录