jsonp示列

Posted 2020-08-17 骑着蜗牛逛北京

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了jsonp示列相关的知识，希望对你有一定的参考价值。

前端代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>test page</title>
        <script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
    </head>
    <body>
        1
    </body>
</html>
<script type="text/javascript">
    $(function() {
        $.ajax({
            url: "http://han.com/jsonp.php?callback=?",
            data: "p1=1&p2=2",
            type: "get",
            timeout: 15000,
            dataType: "jsonp",  // not "json" we‘ll parse
            // jsonp: "callbackd",
            success:function (data) {
                console.log(data);
            }
        })
    })
</script>

后端php代码

<?php

$callback = isset($_GET[‘callback‘]) ? $_GET[‘callback‘] : ‘‘;

$data = [
    ‘page‘ => 1,
    ‘pageSize‘ => 10,
    ‘pageCount‘ => 100,
    ‘total‘ => 1000,
    ‘one‘ => [
        ‘name‘ => ‘hanpengyu‘,
        ‘age‘ => 27,
        ‘productId‘ => ‘1001‘,
    ],
    ‘two‘ => [
        ‘t1‘ => ‘test1‘,
        ‘t2‘ => ‘test2‘,
    ],
];

echo $callback . "(" . json_encode($data) . ")";

以上是关于jsonp示列的主要内容，如果未能解决你的问题，请参考以下文章

ECharts简单的运行示列（固定数据和交互数据库）