PHP 和 AJAX RSS 阅读器.docVIP

在此列出 RSS Feed。 本例包括三个元素： 简单的 HTML 表单 JavaScript PHP 页面 HTML 表单 这是 HTML 页面。它包含一个简单的 HTML 表单和执行一个 JavaScript 文件的链接： html head script type=text/javascript src=getrss.js/script /head body form Select an RSS-Feed: select onchange=showRSS(this.value) option value=GoogleGoogle News/option option value=MSNBCMSNBC News/option /select /form pdiv id=rssOutput bRSS Feed will be listed here./b/div/p /body /html 例子解释 - HTML 表单 正如您看到的，上面的 HTML 页面包含一个简单的 HTML 表单，其中带有一个下拉列表框。 表单是这样工作的： 当用户选择下拉框中的选项时，会触发一个事件 当事件触发时，执行 showRSS() 函数 表单下面是名为 rssOutput 的一个 div。它用作 showRSS() 函数所返回的数据的占位符。 JavaScript JavaScript 代码存储在 getrss.js 中，它与 HTML 文档相连接： var xmlHttp function showRSS(str) { xmlHttp=GetXmlHttpObject() if (xmlHttp==null) { alert (Browser does not support HTTP Request) return } var url=getrss.php url=url+?q=+str url=url+sid=+Math.random() xmlHttp.onreadystatechange=stateChanged xmlHttp.open(GET,url,true) xmlHttp.send(null) } function stateChanged() { if (xmlHttp.readyState==4 || xmlHttp.readyState==complete) { document.getElementById(rssOutput) .innerHTML=xmlHttp.responseText } } function GetXmlHttpObject() { var xmlHttp=null; try { // Firefox, Opera 8.0+, Safari xmlHttp=new XMLHttpRequest(); } catch (e) { // Internet Explorer try { xmlHttp=new ActiveXObject(Msxml2.XMLHTTP); } catch (e) { xmlHttp=new ActiveXObject(Microsoft.XMLHTTP); } } return xmlHttp; } 例子解释： stateChanged() 和 GetXmlHttpObject 函数与 PHP 和 AJAX 请求 这一节中的例子相同。 showRSS() 函数 每当在下拉框中选择选择时，该函数就会执行： 定义发送到服务器的 url （文件名） 把参数 (q) 添加到 url，参数内容是下拉框中的被选项 添加一个随机数，以防止服务器缓存文件 调用 GetXmlHttpObject 函数来创建 XMLHTTP 对象，并告知该对象在触发一个改变时去执行 stateChanged 函数 通过给定的 url 来打开 XMLHTTP 把 HTTP 请求发动到服务器 PHP 页面 调用 JavaScript 代码的服务器页面是名为 getrss.php 的 PHP 文件： ?php //get the q parameter from URL $q=$_GET[q]; //find out which feed was selected if($q==Google) { $xml=(/news?ned=ustopic=houtput=rss); } elseif($q==MSNBC) { $xml=(/id/3032091/device/rss/rss.xml); } $xmlDoc = new DOMDocument(); $xmlDoc-load(