本篇内容主要讲解“node.js中怎么使用JSONP进行交互”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“node.js中怎么使用JSONP进行交互”吧! 在
本篇内容主要讲解“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代码。
复制代码
<!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进行交互”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！
--结束END--
本文标题: Node.js中怎么使用JSONP进行交互
本文链接: https://www.lsjlt.com/news/88571.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑，方便收藏和打印～
2024-01-12
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
2023-05-20
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
官方手机版
微信公众号
商务合作
0