前提:服務(wù)器已經(jīng)能處理這個get請求,并且能返回所需求的數(shù)據(jù)。
請問:如果在html頁面中用這段代碼來向服務(wù)器提出get請求:
<a href="/data" id="a_click">請求一些數(shù)據(jù)</a>
那么get請求發(fā)出后,我如何在數(shù)據(jù)傳回的第一時間,獲取、處理服務(wù)器傳回的數(shù)據(jù)?
(ps:也就是說我這里不用JavaScript的通過創(chuàng)建xhr對象的方法來提交get請求,而是用a標(biāo)簽來提交)
前端小白,大神勿噴,thankyou!
學(xué)習(xí)是最好的投資!
類似于jsonp的方法,只不過jsonp主要用于實(shí)現(xiàn)跨域調(diào)用。
上班期間上來逛逛,時間倉促,沒有部署服務(wù)器的部分。
原理就是使用script標(biāo)簽,src屬性設(shè)置接口地址,讓服務(wù)器組裝好數(shù)據(jù),并返回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>
服務(wù)端返回數(shù)據(jù)
(function(callback) {
var someData = {a: 1, b:2};
callback(someData);
})(test);
結(jié)果