Node.js中怎么使用JSONP進(jìn)行交互

本篇內(nèi)容主要講解“Node.js中怎么使用JSONP進(jìn)行交互”,感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷,實用性強(qiáng)。下面就讓小編來帶大家學(xué)習(xí)“Node.js中怎么使用JSONP進(jìn)行交互”吧!

10年積累的網(wǎng)站設(shè)計制作、網(wǎng)站制作經(jīng)驗,可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你,你也不認(rèn)識我。但先制作網(wǎng)站后付款的網(wǎng)站建設(shè)流程,更有豐城免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

在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)用:

復(fù)制代碼

<!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進(jìn)行交互”有了更深的了解,不妨來實際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢,關(guān)注我們,繼續(xù)學(xué)習(xí)!

網(wǎng)站題目:Node.js中怎么使用JSONP進(jìn)行交互
文章起源:http://muchs.cn/article2/ihgcic.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供虛擬主機(jī)、App開發(fā)云服務(wù)器、外貿(mào)網(wǎng)站建設(shè)、用戶體驗、商城網(wǎng)站

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

綿陽服務(wù)器托管