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

熱AI工具

Undress AI Tool
免費脫衣服圖片

Undresser.AI Undress
人工智能驅動的應用程序,用于創(chuàng)建逼真的裸體照片

AI Clothes Remover
用于從照片中去除衣服的在線人工智能工具。

Clothoff.io
AI脫衣機

Video Face Swap
使用我們完全免費的人工智能換臉工具輕松在任何視頻中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的代碼編輯器

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

禪工作室 13.0.1
功能強大的PHP集成開發(fā)環(huán)境

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

SublimeText3 Mac版
神級代碼編輯軟件(SublimeText3)

許多用戶在選擇智能手表的時候都會選擇的華為的品牌,其中華為GT3pro和GT4都是非常熱門的選擇,不少用戶都很好奇華為GT3pro和GT4有什么區(qū)別,下面就就給大家介紹一下二者。華為GT3pro和GT4有什么區(qū)別一、外觀GT4:46mm和41mm,材質是玻璃表鏡+不銹鋼機身+高分纖維后殼。GT3pro:46.6mm和42.9mm,材質是藍寶石玻璃表鏡+鈦金屬機身/陶瓷機身+陶瓷后殼二、健康GT4:采用最新的華為Truseen5.5+算法,結果會更加的精準。GT3pro:多了ECG心電圖和血管及安

WebSocket與JavaScript:實現(xiàn)實時監(jiān)控系統(tǒng)的關鍵技術引言:隨著互聯(lián)網(wǎng)技術的快速發(fā)展,實時監(jiān)控系統(tǒng)在各個領域中得到了廣泛的應用。而實現(xiàn)實時監(jiān)控的關鍵技術之一就是WebSocket與JavaScript的結合使用。本文將介紹WebSocket與JavaScript在實時監(jiān)控系統(tǒng)中的應用,并給出代碼示例,詳細解釋其實現(xiàn)原理。一、WebSocket技

如何使用WebSocket和JavaScript實現(xiàn)在線語音識別系統(tǒng)引言:隨著科技的不斷發(fā)展,語音識別技術已經成為了人工智能領域的重要組成部分。而基于WebSocket和JavaScript實現(xiàn)的在線語音識別系統(tǒng),具備了低延遲、實時性和跨平臺的特點,成為了一種被廣泛應用的解決方案。本文將介紹如何使用WebSocket和JavaScript來實現(xiàn)在線語音識別系

如何利用JavaScript和WebSocket實現(xiàn)實時在線點餐系統(tǒng)介紹:隨著互聯(lián)網(wǎng)的普及和技術的進步,越來越多的餐廳開始提供在線點餐服務。為了實現(xiàn)實時在線點餐系統(tǒng),我們可以利用JavaScript和WebSocket技術。WebSocket是一種基于TCP協(xié)議的全雙工通信協(xié)議,可以實現(xiàn)客戶端與服務器的實時雙向通信。在實時在線點餐系統(tǒng)中,當用戶選擇菜品并下單

JavaScript和WebSocket:打造高效的實時天氣預報系統(tǒng)引言:如今,天氣預報的準確性對于日常生活以及決策制定具有重要意義。隨著技術的發(fā)展,我們可以通過實時獲取天氣數(shù)據(jù)來提供更準確可靠的天氣預報。在本文中,我們將學習如何使用JavaScript和WebSocket技術,來構建一個高效的實時天氣預報系統(tǒng)。本文將通過具體的代碼示例來展示實現(xiàn)的過程。We

如何使用WebSocket和JavaScript實現(xiàn)在線預約系統(tǒng)在當今數(shù)字化的時代,越來越多的業(yè)務和服務都需要提供在線預約功能。而實現(xiàn)一個高效、實時的在線預約系統(tǒng)是至關重要的。本文將介紹如何使用WebSocket和JavaScript來實現(xiàn)一個在線預約系統(tǒng),并提供具體的代碼示例。一、什么是WebSocketWebSocket是一種在單個TCP連接上進行全雙工

JavaScript教程:如何獲取HTTP狀態(tài)碼,需要具體代碼示例前言:在Web開發(fā)中,經常會涉及到與服務器進行數(shù)據(jù)交互的場景。在與服務器進行通信時,我們經常需要獲取返回的HTTP狀態(tài)碼來判斷操作是否成功,根據(jù)不同的狀態(tài)碼來進行相應的處理。本篇文章將教你如何使用JavaScript獲取HTTP狀態(tài)碼,并提供一些實用的代碼示例。使用XMLHttpRequest

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