qianxiao996歡迎您
阿新 • • 發佈:2018-12-10
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>