jsonp实例（仿百度首页效果）以及介绍前后台之间是如何配合的

最新推荐文章于 2024-06-21 00:21:30 发布

willon_

最新推荐文章于 2024-06-21 00:21:30 发布

阅读量245

点赞数

分类专栏：跨域请求文章标签： jsonp node端jsonp jsonp实例跨域请求

本文链接：https://blog.csdn.net/jwl_willon/article/details/82562593

版权

跨域请求专栏收录该内容

2 篇文章 0 订阅

订阅专栏

咱们先上效果图哈（真能搜索的呦、功能齐全） gitbub demo链接（小时候写的demo、代码粗糙、那时候OOP、OLOO思想还不够蒂固、性能优化也没注意、仅供大家参考哈！！！）

# 前端关键代码：（借用百度的api:https://sp0.baidu.com/5a1Fazu8AA54nxGko9WTAnF6hhy/su?wd="+data+"&cb=myJsonp）

wd=“要搜索的关键词”，cb后接的是字符串形式的预处理函数名

# 服务端配合（若想让自己的服务器配合我们可以这样子写喔）

var express = require('express');
var app = express();

var data = {name:'willon'};

app.get('/jsonp',function(req,res,next){
    var cb = req.query.cb;
    console.log('回调函数的名称-->'+cb+'\n');
    res.send(cb+'('+JSON.stringify(data)+')');
});

app.listen(3001);

转跳：更多的跨域方法