Node.js中怎么使用JSONP进行交互

本篇内容主要讲解“Node.js中怎么使用JSONP进行交互”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Node.js中怎么使用JSONP进行交互”吧!

10年积累的网站设计制作、网站制作经验，可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你，你也不认识我。但先制作网站后付款的网站建设流程，更有丰城免费网站建设让你可以放心的选择与我们合作。

在Node.js中实现JSONP非常简单，通过下面的代码我们从服务器返回并运行一个JavaScript函数，这个JavaScript函数已经在调用方提前被定义好了，于是当它被返回的时候就自动执行了。

var express = require（'express'）;

var router = express.Router（）;

router.get（'/getinfo', function（req, res, next） {

var _callback = req.query.callback;

var _data = { email: 'example@163.com', name: 'jaxu' };

if （_callback）{

res.type（'text/javascript'）;

res.send（_callback + '（' + JSON.stringify（_data） + '）'）;

}

else{

res.json（_data）;

}

}）;

module.exports = router;

代码中必须规定从服务器返回数据的类型，代码res.type（'text/javascript'）被加在返回的数据之前用于告诉浏览器这是一段JavaScript代码。

前端页面通过JQuery调用：

复制代码

<!DOCTYPE html>

<head>

<title>jsonp test</title>

</head>

<body>

$（function（）{

$（'#btn'）。on（'click', function（）{

$.get（'http://anothersite/api/getinfo', function（d）{

console.log（d）;

}, 'jsonp'）;

}）;

</script>

</body>

</html>

到此，相信大家对“Node.js中怎么使用JSONP进行交互”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容