PHP ?? ?? ???? AJAX RSS ??
AJAX RSS ??
RSS ??? RSS ??? ?? ? ?????.
?:
?? ???? ? ???? ?? ??? ??? RSS ???? ?? ? ?? RSS ??? ?????.
? ?? ? ???? ?????.
HTML ?? ???
PHP ??
XML ??
HTML ?? ???
???? ? ???? ???? RSS-feed? ???? "showRSS()"?? ??? ?????. ? ??? "onchange" ???? ?? ?????:
?? ??? 1.php ??
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)(php.cn)</title>
<script>
function showRSS(str)
{
//檢查是否有 RSS-feed 被選擇
if (str.length==0)
{
document.getElementById("rssOutput").innerHTML="";
return;
}
//創(chuàng)建 XMLHttpRequest 對(duì)象
if (window.XMLHttpRequest)
{
// IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行代碼
xmlhttp=new XMLHttpRequest();
}
else
{
// IE6, IE5 瀏覽器執(zhí)行代碼
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
//創(chuàng)建在服務(wù)器響應(yīng)就緒時(shí)執(zhí)行的函數(shù)
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
}
}
//向服務(wù)器上的文件發(fā)送請(qǐng)求
xmlhttp.open("GET","2.php?q="+str,true);
xmlhttp.send();
}
</script>
</head>
<body>
<form>
<!-- 在域的內(nèi)容改變時(shí)觸發(fā)onchange 事件 -->
<select onchange="showRSS(this.value)">
<option value="">選擇一個(gè) RSS-feed:</option>
<option value="rss">讀取 RSS 數(shù)據(jù)</option>
</select>
</form>
<br>
<div id="rssOutput">RSS-feed 數(shù)據(jù)列表...</div>
</body>
</html>? HTML ????? ???? ?? ??? ?? ??? HTML ??? ???? ????.
?? ?? ??? ??? ????.
???? ???? ???? ??? ???? ???? ??????.
???? ????? showRSS() ??? ?????.
?? ???? "rssOutput"??? ??? <div>? ????. showRSS() ???? ??? ???? ?? ?? ???? ?????.
showRSS() ??? ?? ??? ?????.
RSS ??? ?????? ??
-
XMLHttpRequest ?? ??
?? ??? ???? ???? ?? ??
??? ?? ??? ????
URL(???? ??? ?? ??) ?? ??? ????(q)? ?????
PHP ??
??? JavaScript? ?? ??? ?? ???? "2.php"?? ??? PHP ?????.
?? 2.php ?? ??
<?php
// rss 文件地址
$xml="3.xml";
//創(chuàng)建一個(gè)新的 XML DOM 對(duì)象
$xmlDoc = new DOMDocument();
//創(chuàng)建一個(gè)新的 XML DOM 對(duì)象
$xmlDoc->load($xml);
// 從 "<channel>" 中讀取元素
$channel=$xmlDoc->getElementsByTagName('channel')->item(0);
$channel_title = $channel->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$channel_link = $channel->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$channel_desc = $channel->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
// 輸出 "<channel>" 中的元素
echo("<p><a href='" . $channel_link
. "'>" . $channel_title . "</a>");
echo("<br>");
echo($channel_desc . "</p>");
// 輸出 "<item>" 中的元素
$x=$xmlDoc->getElementsByTagName('item');
for ($i=0; $i<=1; $i++) {
$item_title=$x->item($i)->getElementsByTagName('title')
->item(0)->childNodes->item(0)->nodeValue;
$item_link=$x->item($i)->getElementsByTagName('link')
->item(0)->childNodes->item(0)->nodeValue;
$item_desc=$x->item($i)->getElementsByTagName('description')
->item(0)->childNodes->item(0)->nodeValue;
echo ("<p><a href='" . $item_link
. "'>" . $item_title . "</a>");
echo ("<br>");
echo ($item_desc . "</p>");
}
?>RSS ?? ??? JavaScript?? PHP ??? ???? ??? ????
?? RSS ??? ???
? XML DOM ?? ???
xml ??? RSS ?? ??
?? ???? ?? ?? ? ??
?? ???? ?? ?? ? ??
XML ??
<?xml version="1.0" encoding="UTF-8" ?> <rss version="2.0"> <channel> <title>php教程</title> <link>http://m.miracleart.cn</link> <description>學(xué)的不僅技術(shù)，更新夢(mèng)想?。?lt;/description> <item> <title>RSS 教程</title> <link>http://m.miracleart.cn/rss/rss-tutorial.html</link> <description>通過使用 RSS，您可以有選擇地瀏覽您感興趣的以及與您的工作相關(guān)的新聞</description> </item> <item> <title>XML 教程</title> <link>http://m.miracleart.cn/xml/xml-tutorial.html</link> <description>XML 指可擴(kuò)展標(biāo)記語(yǔ)言（eXtensible Markup Language）</description> </item> </channel> </rss>
?? ??
? ???? ?? ?? ?? ???? ?????.
?? ??
onkeyup ??? : ??? ?? ??? ? ??? ? ??
?? ??, ?? ? ??
??? ?? ?? ??? ?? ??? ??? ? ???? ??? AJAX XMLHttpRequest ?? ??: ?? ??? 1-5? ?????
HTML DOM getElementById() ???: ??? ID? ?? ? ?? ??? ?? ??? ?????.
XML ?? ??
XML DOM ?? ??
XML ??? ? XML DOM ??? ??
?? ??? ?? ?? ???? ??: getElementsByTagName ()
??? ? ?? ?? ??? ?????: HTML DOM item() ???
