網(wǎng)站建設(shè)只用AJAX是不夠的。

2019-09-01    分類(lèi): 網(wǎng)站建設(shè)

AJAX調(diào)用了用戶(hù)交互在網(wǎng)絡(luò)上一個(gè)巨大的進(jìn)步:我們不再需要重新加載頁(yè)面針對(duì)每個(gè)用戶(hù)輸入。 使用AJAX,那么我們可以把服務(wù)器上的具體程序和更新頁(yè)面根據(jù)返回的值,給我們的應(yīng)用程序快速交互。

什么是AJAX調(diào)用不包括從服務(wù)器更新,需要現(xiàn)代實(shí)時(shí)和協(xié)作網(wǎng)絡(luò)。 這需要更新覆蓋用例從幾個(gè)用戶(hù)協(xié)作編輯文檔通知潛在的數(shù)以百萬(wàn)計(jì)的讀者的新聞網(wǎng)站的目標(biāo)已經(jīng)在世界杯比賽。 另一個(gè)消息傳遞模式,除了響應(yīng)AJAX請(qǐng)求,需要——一個(gè)在任何規(guī)模。 PubSub(如“發(fā)布和訂閱”)是一種建立消息傳遞模式,實(shí)現(xiàn)這一點(diǎn)。

在本文中,我們將看看如何PubSub解決了更新的問(wèn)題,我們會(huì)看看(一個(gè)特定的解決方案 WAMP協(xié)議 ),將調(diào)用服務(wù)器上的程序和PubSub成一個(gè)單一的API。

AJAX解決什么

在AJAX之前,交互性web頁(yè)面上是非常笨重。 任何用戶(hù)交互需要一個(gè)更新版本的頁(yè)面在服務(wù)器上生成,發(fā)送到瀏覽器和呈現(xiàn)。 在這個(gè)模型中,交互的基本單位是頁(yè)面。 任何瀏覽器發(fā)送到服務(wù)器,無(wú)論多么小所需的更新,結(jié)果總是一個(gè)完整的新頁(yè)面。 這是線(xiàn)交通和服務(wù)器資源的浪費(fèi),為用戶(hù),這是緩慢而痛苦的。

AJAX 打破了這由granularizing事情:現(xiàn)在你可以發(fā)送數(shù)據(jù),接收就引發(fā)的相互作用的結(jié)果,然后更新頁(yè)面的相關(guān)部分基于此響應(yīng)。 使用AJAX,我們從一個(gè)廣義調(diào)用(“給我一個(gè)新頁(yè)面”)到多個(gè)interaction-specific調(diào)用。 使用AJAX, 遠(yuǎn)程過(guò)程調(diào)用 在服務(wù)器上(RPC)。

考慮以下簡(jiǎn)單的示例web應(yīng)用程序的投票成為可能:

你最喜歡什么味道? (圖片: Tavendo )( 查看大版本 )

用戶(hù)可以投票給任何一個(gè)人的三個(gè)冰淇淋口味。

使用AJAX,點(diǎn)擊投票可能會(huì)導(dǎo)致這樣的:

我們將改變只是味道的計(jì)票投票給用戶(hù),根據(jù)返回的AJAX調(diào)用。 我們已經(jīng)從呈現(xiàn)整個(gè)頁(yè)面更新一個(gè)DOM元素。

這意味著少了很多為服務(wù)器,和更少的交通線(xiàn)路上的。 我們得到了投票計(jì)數(shù),而不是一個(gè)完整的頁(yè)面。 最重要的是,它使一個(gè)快速更新的接口,極大地提高用戶(hù)體驗(yàn)。

本文由北京網(wǎng)站建設(shè)公司創(chuàng)新互聯(lián)翻譯傳播,轉(zhuǎn)載請(qǐng)注明!

網(wǎng)站名稱(chēng):網(wǎng)站建設(shè)只用AJAX是不夠的。
轉(zhuǎn)載來(lái)源:http://www.bm7419.com/news/80389.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專(zhuān)注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷(xiāo)seo公司;服務(wù)項(xiàng)目有網(wǎng)站建設(shè)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶(hù)投稿、用戶(hù)轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話(huà):028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

手機(jī)網(wǎng)站建設(shè)