利用PHP和AJAX創(chuàng)建RSS聚合器(一)
Jun 08, 2016 pm 05:33 PM想象使用一個(gè)簡(jiǎn)單HTML文件來(lái)把一個(gè)請(qǐng)求發(fā)送到一個(gè)服務(wù)器端腳本,收到一個(gè)基于該請(qǐng)求的定制XML文件,然后把它顯示給用戶而幾乎不需要刷新瀏覽器!本文作者將同你一起探討怎樣在普通Web應(yīng)用程序中聯(lián)合PHP和AJAX技術(shù)來(lái)創(chuàng)建實(shí)時(shí)的數(shù)據(jù)傳輸而不需要進(jìn)行瀏覽器刷新。
盡管本文所使用的是PHP語(yǔ)言,但是請(qǐng)記住任何服務(wù)器端語(yǔ)言都會(huì)正常工作。為了理解本文,我假定你基本理解JavaScript和PHP或一類似服務(wù)器端語(yǔ)言。
本文示例使用AJAX來(lái)把一請(qǐng)求從一個(gè)RSS饋送發(fā)送到一定制的PHP對(duì)象。該P(yáng)HP對(duì)象復(fù)制一份在本地服務(wù)器上的該饋送并返回這一路徑。該請(qǐng)求對(duì)象收到這一路徑,分析它,并且把數(shù)據(jù)以HTML形式顯示給用戶。這聽起來(lái)涉及很多步驟,其實(shí)它僅由4個(gè)小文件組成。之所以使用了4個(gè)小文件,是為了平衡它們各自特定的力量而使整個(gè)系統(tǒng)的處理極富效率性。
我想,有些讀者可能會(huì)問(wèn),為什么你要?jiǎng)?chuàng)建在本地服務(wù)器上的饋送的一個(gè)副本而不是簡(jiǎn)單分析最原始的饋送。原因是,這樣以來(lái)可以答應(yīng)繞過(guò)XML HTTP Request對(duì)象所強(qiáng)加的跨域限制。后面,我還會(huì)解釋怎樣創(chuàng)建這個(gè)定制的PHP對(duì)象;但是首先,讓我們從表單創(chuàng)建開始。
創(chuàng)建發(fā)出請(qǐng)求的表單
你要做的第一事情是,在你的HTML的head標(biāo)簽之間包括你可能想使用的JavaScript和任何CSS文件。我包括了一個(gè)式樣表來(lái)實(shí)現(xiàn)該聚合器的最后布局并用一個(gè)JavaScript文件來(lái)發(fā)出請(qǐng)求和進(jìn)行饋送分析:
下一步,創(chuàng)建一個(gè)表單,它針對(duì)你所選擇的一個(gè)RSS饋送發(fā)出請(qǐng)求。我創(chuàng)建的表單只包括一個(gè)輸入字段和一個(gè)提交該請(qǐng)求的按鈕。該請(qǐng)求的查詢是一個(gè)字符串,它由饋送輸入值和一個(gè)將在服務(wù)器端被校驗(yàn)的口令字組成;作為一個(gè)示例,我使用了下面形式:
"password=mypassword
該代碼在每次頁(yè)面加載之時(shí)發(fā)出一次請(qǐng)求;因此,假如頁(yè)面被刷新,現(xiàn)有的在該輸入域中的饋送串將在頁(yè)面加載時(shí)被請(qǐng)求。下面是一個(gè)表單數(shù)據(jù)的示例,連同一些div標(biāo)簽用來(lái)顯示已分析的饋送的特定結(jié)點(diǎn):
我所創(chuàng)建的這三個(gè)div標(biāo)簽是logo,copy和details,其中每一個(gè)都在布局樣式表中有一個(gè)與之相關(guān)聯(lián)的樣式。當(dāng)我們分析饋送時(shí)將會(huì)用到它們,但是我們首先需要能夠存取我們所請(qǐng)求的饋送。這可以使用我前面所提到的PHP對(duì)象來(lái)完成。

熱AI工具

Undress AI Tool
免費(fèi)脫衣圖片

Undresser.AI Undress
人工智慧驅(qū)動(dòng)的應(yīng)用程序,用於創(chuàng)建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費(fèi)的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費(fèi)的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強(qiáng)大的PHP整合開發(fā)環(huán)境

Dreamweaver CS6
視覺(jué)化網(wǎng)頁(yè)開發(fā)工具

SublimeText3 Mac版
神級(jí)程式碼編輯軟體(SublimeText3)

熱門話題

許多用戶在選擇智慧型手錶的時(shí)候都會(huì)選擇的華為的品牌,其中華為GT3pro和GT4都是非常熱門的選擇,不少用戶都很好奇華為GT3pro和GT4有什麼區(qū)別,下面就給大家介紹一下二者。華為GT3pro和GT4有什麼差別一、外觀GT4:46mm和41mm,材質(zhì)是玻璃鏡板+不鏽鋼機(jī)身+高分纖維後殼。 GT3pro:46.6mm和42.9mm,材質(zhì)是藍(lán)寶石玻璃鏡+鈦金屬機(jī)身/陶瓷機(jī)身+陶瓷後殼二、健康GT4:採(cǎi)用最新的華為Truseen5.5+演算法,結(jié)果會(huì)更加的精準(zhǔn)。 GT3pro:多了ECG心電圖和血管及安

WebSocket與JavaScript:實(shí)現(xiàn)即時(shí)監(jiān)控系統(tǒng)的關(guān)鍵技術(shù)引言:隨著互聯(lián)網(wǎng)技術(shù)的快速發(fā)展,即時(shí)監(jiān)控系統(tǒng)在各個(gè)領(lǐng)域中得到了廣泛的應(yīng)用。而實(shí)現(xiàn)即時(shí)監(jiān)控的關(guān)鍵技術(shù)之一就是WebSocket與JavaScript的結(jié)合使用。本文將介紹WebSocket與JavaScript在即時(shí)監(jiān)控系統(tǒng)中的應(yīng)用,並給出程式碼範(fàn)例,詳細(xì)解釋其實(shí)作原理。一、WebSocket技

如何使用WebSocket和JavaScript實(shí)現(xiàn)線上語(yǔ)音辨識(shí)系統(tǒng)引言:隨著科技的不斷發(fā)展,語(yǔ)音辨識(shí)技術(shù)已成為了人工智慧領(lǐng)域的重要組成部分。而基於WebSocket和JavaScript實(shí)現(xiàn)的線上語(yǔ)音辨識(shí)系統(tǒng),具備了低延遲、即時(shí)性和跨平臺(tái)的特點(diǎn),成為了廣泛應(yīng)用的解決方案。本文將介紹如何使用WebSocket和JavaScript來(lái)實(shí)現(xiàn)線上語(yǔ)音辨識(shí)系

如何利用JavaScript和WebSocket實(shí)現(xiàn)即時(shí)線上點(diǎn)餐系統(tǒng)介紹:隨著網(wǎng)路的普及和技術(shù)的進(jìn)步,越來(lái)越多的餐廳開始提供線上點(diǎn)餐服務(wù)。為了實(shí)現(xiàn)即時(shí)線上點(diǎn)餐系統(tǒng),我們可以利用JavaScript和WebSocket技術(shù)。 WebSocket是一種基於TCP協(xié)定的全雙工通訊協(xié)議,可實(shí)現(xiàn)客戶端與伺服器的即時(shí)雙向通訊。在即時(shí)線上點(diǎn)餐系統(tǒng)中,當(dāng)使用者選擇菜餚並下訂單

JavaScript和WebSocket:打造高效的即時(shí)天氣預(yù)報(bào)系統(tǒng)引言:如今,天氣預(yù)報(bào)的準(zhǔn)確性對(duì)於日常生活以及決策制定具有重要意義。隨著技術(shù)的發(fā)展,我們可以透過(guò)即時(shí)獲取天氣數(shù)據(jù)來(lái)提供更準(zhǔn)確可靠的天氣預(yù)報(bào)。在本文中,我們將學(xué)習(xí)如何使用JavaScript和WebSocket技術(shù),來(lái)建立一個(gè)高效的即時(shí)天氣預(yù)報(bào)系統(tǒng)。本文將透過(guò)具體的程式碼範(fàn)例來(lái)展示實(shí)現(xiàn)的過(guò)程。 We

如何使用WebSocket和JavaScript實(shí)現(xiàn)線上預(yù)約系統(tǒng)在當(dāng)今數(shù)位化的時(shí)代,越來(lái)越多的業(yè)務(wù)和服務(wù)都需要提供線上預(yù)約功能。而實(shí)現(xiàn)一個(gè)高效、即時(shí)的線上預(yù)約系統(tǒng)是至關(guān)重要的。本文將介紹如何使用WebSocket和JavaScript來(lái)實(shí)作一個(gè)線上預(yù)約系統(tǒng),並提供具體的程式碼範(fàn)例。一、什麼是WebSocketWebSocket是一種在單一TCP連線上進(jìn)行全雙工

JavaScript教學(xué):如何取得HTTP狀態(tài)碼,需要具體程式碼範(fàn)例前言:在Web開發(fā)中,經(jīng)常會(huì)涉及到與伺服器進(jìn)行資料互動(dòng)的場(chǎng)景。在與伺服器進(jìn)行通訊時(shí),我們經(jīng)常需要取得傳回的HTTP狀態(tài)碼來(lái)判斷操作是否成功,並根據(jù)不同的狀態(tài)碼來(lái)進(jìn)行對(duì)應(yīng)的處理。本篇文章將教你如何使用JavaScript來(lái)取得HTTP狀態(tài)碼,並提供一些實(shí)用的程式碼範(fàn)例。使用XMLHttpRequest

用法:在JavaScript中,insertBefore()方法用於在DOM樹中插入一個(gè)新的節(jié)點(diǎn)。這個(gè)方法需要兩個(gè)參數(shù):要插入的新節(jié)點(diǎn)和參考節(jié)點(diǎn)(即新節(jié)點(diǎn)將要插入的位置的節(jié)點(diǎn))。
