本篇内容主要讲解“Node.js中怎么使用JSONP进行交互”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“Node.js中怎么使用JSONP进行交互”吧!
在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>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jsonp test</title>
<script src="/bower_components/jquery/dist/jquery.js"></script>
</head>
<body>
<input type="button" value="click" id="btn">
<script type="text/javascript">
$（function（）{
$（'#btn'）。on（'click', function（）{
$.get（'http://anothersite/api/getinfo', function（d）{
console.log（d）;
}, 'jsonp'）;
}）;
}）;
</script>
</body>
</html>
到此，相信大家对“Node.js中怎么使用JSONP进行交互”有了更深的了解，不妨来实际操作一番吧！这里是亿速云网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
免责声明：本站发布的内容（图片、视频和文字）以原创、转载和分享为主，文章观点不代表本网站立场，如果涉及侵权请联系站长邮箱：is@yisu.com进行举报，并提供相关证据，一经查实，将立刻删除涉嫌侵权内容。
