加入收藏 | 设为首页 | 会员中心 | 我要投稿 李大同 (https://www.lidatong.com.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 百科 > 正文

jsonp跨域

发布时间:2020-12-16 19:34:32 所属栏目:百科 来源:网络整理
导读:简单的代码演示 方式一: js脚本 function callback(res) { console.log(res);}$.ajax({ type: 'get',url: 'demo.php',dataType: 'jsonp'}); php代码 ?phpheader('content-type: application/json');$a = array('name'='tom','age'=23);echo 'callback('.jso

简单的代码演示

方式一:

js脚本

function callback(res) {
    console.log(res);
}
$.ajax({
    type: 'get',url: 'demo.php',dataType: 'jsonp'
});

php代码

<?php
header('content-type: application/json');
$a = array('name'=>'tom','age'=>23);
echo 'callback('.json_encode($a).')';

方式二:

js脚本

$.ajax({
    type: 'get',dataType: 'jsonp',// jsonp: 'callback',url默认参数名是callback,php代码:$_GET['callback'] == reqData
    // jsonpCallback: 'reqData',// 自定义函数名,如果没有jQuery会随机生成
    success: function(res) {
        console.log(res);
    }
});

php代码

<?php
header('content-type: application/json');
$a = array('name'=>'tom','age'=>23);
echo $_GET['callback'].'('.json_encode($a).')';
// echo 'reqData('.json_encode($a).')';

就是这么简单。。。

还有一种就是在后台那边加一句:

header( 'Access-Control-Allow-Origin:*' );

这样也行。

(编辑:李大同)

【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容!

    推荐文章
      热点阅读