【跨域Jsonp】是否可以用jsonp完成跨域？ nodejs釋出的服務可以

阿新 • • 發佈：2018-12-22

關於jsonp跨域的原理參考其他日誌。
1、jsonp跨域只能為get，不能為post。靠url傳遞資料
2、soap協議的好像不能使用jsonp，他返回的始終是xml，不能以js的方式返回，會出現錯誤：不能解析xml為js。
3、用nodejs寫一個http服務，用jsopn是否可以跨域：可以！！

服務端的程式碼為：

var http = require('http');  
var urllib = require('url');  

var port = 10011;  
var data = {'name': 'jifeng', 'company': 'taobao'};  

http. 
createServer(function(req, res){  
  var params = urllib.parse(req.url, true);  
  console.log(params);  
  if (params.query && params.query.callback) {  
    //console.log(params.query.callback);  
    var str =  params.query.callback + '(' + JSON.stringify(data) + ')';//jsonp  
    res.end(str);  
  } else 
 {  
    res.end(JSON.stringify(data));//普通的json  
  }       
}).listen(port, function(){  
  console.log('server is listening on port ' + port);    
})

前端的程式碼為：

<html>    
<head>    
  <script src="http://code.jquery.com/jquery-latest.js"></script>    
  <meta http-equiv="Content-Type" 
 content="text/html; charset=utf-8">    
</head>    
<body>    
<script type="text/javascript">    
function get_jsonp() {    
  $.getJSON("http://10.232.36.110:10011?callback=?",    
  function(data) {  
    $('#result').val('My name is: ' + data.name);    
  });    
}    
</script>    
<a href="javascript:get_jsonp();">Click me</a><br />    
<textarea id="result" cols="50" rows="3"></textarea>    
</body>    
</html>

此時也可以在服務端設定允許跨域，方式如下：

res.writeHead(200, {
                            'Content-Type': 'application/json;charset=utf-8',
                            'Access-Control-Allow-Origin': '*'
                        });

但是當我採用java+axis+tomcat時，此時不可以用這種方法實現跨域，因為此時的webservice遵從soap協議，以xml格式互動資料。而jsonp要求返回的資料為js格式，因此無法控制。
不過可以看看用action或者servlet寫服務端。
也就是說：當前端希望採用jsonp方式實現跨域時（只能是get方式），後端要根據url判斷是否有callback，有的話要返回js格式。

【跨域Jsonp】是否可以用jsonp完成跨域？ nodejs釋出的服務可以

Django 【第二十篇】後端CORS解決跨域問題

【JavaScript】巧用 localStorage 實現跨瀏覽器tab頁互動

WebService核心文件【web-config.wsdd】調用操作

【JavaScript學習筆記】調用google搜索

【C語言程序】讓用戶輸入一句話，輸出這句話中每個單詞含有多少個字母

【Django Series - 01】以前用 1.6.11，最近用 1.10.8，現在又想換最新版本 2.1.2（探索中...）

【LeetCode 簡單題】62-用棧實現佇列

【LeetCode 簡單題】59-用佇列實現棧

【劍指Offer】17用兩個棧實現佇列

【劍指Offer】9.用兩個棧實現佇列

【LeetCode 簡單題】7-用Python合併兩個有序連結串列

【流暢的Python】01-用namedtuple方法構建簡單類

【Android效能優化】儘可能用RelativeLayout來代替多層巢狀的LinearLayout

【XSS技巧拓展】————4、淺談跨站指令碼攻擊與防禦

【慕課網】JavaScript閉包和作用域

【軟體測試隨筆】測試用例的設計方法

【ChneChen的Blog】個人用,純資料文件庫..順便加了點自己的雜七雜八文字..　　　借CSDN一角,記錄一些有價值的資料..

【暑假學習筆記】之——用Intellij idea新建一個java web+Servlet專案（有例項）——idea中快速重寫父類的方法

【LeetCode 簡單題】3-用Python判斷迴文數

【Linux基礎 08】Linux用戶權限相關命令

【跨域Jsonp】是否可以用jsonp完成跨域？ nodejs釋出的服務可以

相關推薦