快捷導(dǎo)航

Node.js返回JSONP詳解

更新時間：2016年05月18日 15:55:53 投稿：jingxian

下面小編就為大家?guī)硪黄狽ode.js返回JSONP詳解。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

在使用JQuery的Ajax從服務(wù)器請求數(shù)據(jù)或者向服務(wù)器發(fā)送數(shù)據(jù)時常常會遇到跨域無法請求的錯誤，常用的解決辦法就是在Ajax中使用JSONP?；诎踩钥紤]，瀏覽器會存在同源策略，然而<script/>標(biāo)簽卻具有跨域訪問數(shù)據(jù)的能力，這就是JSONP工作的基本原理。有關(guān)同源策略以及什么是JSONP。

在Node.js中實現(xiàn)JSONP非常簡單，通過下面的代碼我們從服務(wù)器返回并運行一個JavaScript函數(shù)，這個JavaScript函數(shù)已經(jīng)在調(diào)用方提前被定義好了，于是當(dāng)它被返回的時候就自動執(zhí)行了。

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;

代碼中必須規(guī)定從服務(wù)器返回數(shù)據(jù)的類型，代碼res.type('text/javascript')被加在返回的數(shù)據(jù)之前用于告訴瀏覽器這是一段JavaScript代碼。

前端頁面通過JQuery調(diào)用：

<!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>

運行代碼，點擊按鈕，在瀏覽器的console面板總我們可以看到從遠程服務(wù)器返回的json對象。

以上這篇Node.js返回JSONP詳解就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章:

相關(guān)文章

在Node.js中使用HTTP上傳文件的方法
這篇文章主要介紹了在Node.js中使用HTTP上傳文件的方法,作者以windows下的visual studio作為操作node的環(huán)境,推薦閱讀!需要的朋友可以參考下
2015-06-06
nodejs讀取本地mp3和mp4等媒體文件并播放的案例
fs模塊是nodejs官方提供用來操作文件的模塊,下面這篇文章主要給大家介紹了關(guān)于nodejs讀取本地mp3和mp4等媒體文件并播放的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下
2022-09-09
學(xué)習(xí)Nodejs之fs模塊的使用詳解
這篇文章主要為大家詳細介紹了Nodejs之fs模塊的使用，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助
2022-02-02
Node.js應(yīng)用設(shè)置安全的沙箱環(huán)境
這篇文章主要介紹了Node.js應(yīng)用設(shè)置安全的沙箱環(huán)境的方法以及注意事項，對此有需要的朋友可以參考學(xué)習(xí)下。
2018-04-04
nodejs實現(xiàn)解析xml字符串為對象的方法示例
這篇文章主要介紹了nodejs實現(xiàn)解析xml字符串為對象的方法,涉及nodejs針對xml格式字符串的解析與轉(zhuǎn)換相關(guān)操作技巧,需要的朋友可以參考下
2018-03-03
如何使用axios庫在Node.js中進行代理請求(實踐案例)
axios是一個強大的基于Promise的HTTP客戶端,它在瀏覽器和Node.js環(huán)境中均可使用,本文將介紹如何充分利用axios庫,在Node.js中進行代理請求的最佳實踐,并通過一個實際案例來展示其應(yīng)用,感興趣的朋友一起看看吧
2024-03-03
Node.js高級編程之UDP可靠性分析
這篇文章主要為大家介紹了Node.js高級編程之UDP可靠性分析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪
2023-03-03
KOA+egg.js集成kafka消息隊列的示例
這篇文章主要介紹了KOA+egg.js集成kafka消息隊列的示例，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2018-11-11
node.js 微信開發(fā)之定時獲取access_token
本文給大家分享的是在使用node.js做微信開發(fā)的過程中如何定時獲取access_token的方法,有需要的小伙伴可以參考下
2020-02-02
puppeteer庫入門初探
這篇文章主要介紹了puppeteer庫入門初探,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
2019-01-01