1. 程式人生 > >qianxiao996歡迎您

qianxiao996歡迎您

l 虛擬機器搭建nodejs環境,全域性安裝qs模組

### npm install -g qs。
或者
npm install --save qs

在這裡插入圖片描述

l 虛擬機器建立test.js介面,test.js存放於桌面,啟動test.js。node test.js

var qs = require('qs');
var http = require('http');
var server = http.createServer();
server.on('request', function(req, res) {
    var params = qs.parse(req.url.split('?'
)[1]); console.log(params); var fn = params.callback; console.log(fn); // jsonp返回設定 res.writeHead(200, { 'Content-Type': 'text/javascript' }); res.write(fn + '(' + JSON.stringify(params) + ')'); res.end(); }); server.listen('80'); console.log('Server is running at port 80.');

在這裡插入圖片描述

l 配置本機頁面1.html,訪問本機頁面http://本機IP/1.html,觀察到彈窗,證明通過JSONP方法實現了兩個不同域的資訊傳遞。

<script>
    var script = document.createElement('script');
    script.type = 'text/javascript';

    // 傳參並指定回撥執行函式為onBack
    script.src = 'http://192.168.237.134/test?user=admin&callback=onBack';
    document.head.appendChild
(script); // 回撥執行函式 function onBack(res) { alert(JSON.stringify(res)); }
</script>

在這裡插入圖片描述