javascript - 不用自訂的xhr提交get請求,如何處理伺服器傳回的資料?
PHPz
PHPz 2017-05-19 10:42:58
0
1
715

前提:伺服器已經能處理這個get請求,並且能傳回所需求的資料。

請問:如果在html頁面中用這段程式碼來向伺服器提出get請求:

<a href="/data" id="a_click">请求一些数据</a>

那麼get請求發出後,我如何在資料傳回的第一時間,取得、處理伺服器傳回的資料?
ps:也就是說我這裡不用JavaScript的透過建立xhr物件的方法來提交get請求,而是用a標籤來提交)

前端小白,大神勿噴,thankyou!

PHPz
PHPz

学习是最好的投资!

全部回覆(1)
过去多啦不再A梦

類似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);

結果

熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板