jquery 之 jsonp 与 laravel 实现跨域

html

jsonp 前端使用上和普通 ajax 没有区别,只是多了俩个参数 dataType: 'jsonp',jsonp: 'callback'

$.ajax({
    url:'https://',
    type:'post',
    data:{a:"b"},
    dataType: 'jsonp',
    jsonp: 'callback',
    success:function (data) {
        console.log(data);
    },
    error: function(err){
    }
});

laravel

后端需要对前端 jsonp 请求做出配合,首先获取前端传入的回调函数名(不是callback哦),然后用该函数名与正常返回的数据组装成 callback_key(data) 的格式。不过 laravel 处理很简单。

$a = $request->input('a');
$callback = $request->input('callback');
//jQuery20008171824442973583_1602577769221

$data = ['key'=>'value'];
return response()->json([
    'code' => 0,
    'msg'  => 'success',
    'data' => $data,
], 200)->setCallback($callback);
本作品采用《CC 协议》,转载必须注明作者和本文链接
welcome come back
《L01 基础入门》
我们将带你从零开发一个项目并部署到线上,本课程教授 Web 开发中专业、实用的技能,如 Git 工作流、Laravel Mix 前端工作流等。
《L05 电商实战》
从零开发一个电商项目,功能包括电商后台、商品 & SKU 管理、购物车、订单管理、支付宝支付、微信支付、订单退款流程、优惠券等
讨论数量: 0
(= ̄ω ̄=)··· 暂无内容!

讨论应以学习和精进为目的。请勿发布不友善或者负能量的内容,与人为善,比聪明更重要!
未填写
文章
95
粉丝
24
喜欢
156
收藏
348
排名:324
访问:2.9 万
私信
所有博文
社区赞助商