前提:伺服器已經能處理這個get請求,並且能傳回所需求的資料。
請問:如果在html頁面中用這段程式碼來向伺服器提出get請求:
<a href="/data" id="a_click">请求一些数据</a>
那麼get請求發出後,我如何在資料傳回的第一時間,取得、處理伺服器傳回的資料?
(ps:也就是說我這裡不用JavaScript的透過建立xhr物件的方法來提交get請求,而是用a標籤來提交)
前端小白,大神勿噴,thankyou!
过去多啦不再A梦2017-05-19 10:44:58
類似jsonp的方法,只不過jsonp主要用於實作跨域呼叫。
上班期間上來逛逛,時間倉促,沒有部署伺服器的部分。
原理就是使用script標籤,src屬性設定介面位址,讓伺服器組裝好數據,並回傳JavaScript程式碼片段即可。
index.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<script>
function test(data) {
console.log(data);
}
</script>
<script src="./getData?callback=test"></script>
</body>
</html>
服務端回傳資料
(function(callback) {
var someData = {a: 1, b:2};
callback(someData);
})(test);
結果