木灵鱼儿

木灵鱼儿

阅读：1626

最后更新：2020/08/19/ 17:33:49

koa框架19 jsonp

jsonp是以前用于解决跨域而创建的函数，他通过get的方式给浏览器发送一个带回调参数名的请求，然后，服务器获取这个参数，处理后，返回这个回调函数名，并将结果作为参数传入这个回调中。

浏览器接收到返回的这个参数，运行后得到结果。

后端

// http://localhost:8080/a?n1=15&n2=77&cb=show
// =>show(92)
router.get('/a', async ctx => {
    let {
        n1,
        n2,
        cb
    } = ctx.query;
    n1 = parseInt(n1);
    n2 = parseInt(n2);

    ctx.body = `${cb}(${n1+n2})`;
});

前端

(async () => {
    let data = await $.ajax({
        url: 'http://localhost:8080/a',
        dataType: 'jsonp',
        data: {
            n1: 12,
            n2: 23
        },
        jsonp: 'cb'
    });

    alert(data);
})();
文章分类 Node
文章标签 jsonpnodekoa
木灵鱼儿

木灵鱼儿

发布了 718 篇文章获得点赞 1获得阅读 1626

版权申明

本文系作者 @木灵鱼儿 原创发布在木灵鱼儿 - 有梦就能远航站点。未经许可，禁止转载。

one
two
three

关于作者

站点职位 博主
获得点赞 1
文章被阅读 1626

相关文章

利用原生css实现hash哈希定位跳转偏移量处理利用原生css实现hash哈希定位跳转偏移量处理
ts实战：给没有类型声明的第三方库编写一个类型声明文件ts实战：给没有类型声明的第三方库编写一个类型声明文件
利用发布订阅模式封装一个IntersectionObserver利用发布订阅模式封装一个IntersectionObserver
typecho 自定义分类和分类高亮处理typecho 自定义分类和分类高亮处理
ts封装一个localStorage和sessionStorage的类ts封装一个localStorage和sessionStorage的类

目录树