PHP 예제 - AJAX RSS 리더

PHP 예 - AJAX RSS 리더

RSS 리더는 RSS 피드를 읽는 데 사용됩니다.

AJAX RSS 리더

다음 예에서는 RSS의 콘텐츠를 새로 고치지 않고 웹 페이지에 표시하는 RSS 리더를 보여줍니다. 로드됨:

QQ图片20161010104158.png

예시 설명 - HTML 페이지

사용자가 피드 위의 드롭다운 목록에서 RSS를 선택하면, "showRSS()"라는 함수가 실행됩니다. 이 함수는 "Onchange" 이벤트에 의해 트리거됩니다:

<html>
<head>
<meta charset="utf-8">
<title>php中文网</title>
<script>
function showRSS(str)
{
         if (str.length==0)
         {
                 document.getElementById("rssOutput").innerHTML="";
                 return;
                 }
         if (window.XMLHttpRequest)
         {
                 // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码
                 xmlhttp=new XMLHttpRequest();
         }
         else
         {
                 // IE6, IE5 浏览器执行代码
                 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
         }
         xmlhttp.onreadystatechange=function()
         {
                 if (xmlhttp.readyState==4 && xmlhttp.status==200)
                 {
                          document.getElementById("rssOutput").innerHTML=xmlhttp.responseText;
                 }
         }
         xmlhttp.open("GET","getrss.php?q="+str,true);
         xmlhttp.send();
}
</script>
</head>
<body>
 
<form>
<select onchange="showRSS(this.value)">
<option value="">选择一个 RSS-feed:</option>
<option value="rss">读取 RSS 数据</option>
</select>
</form>
<br>
<div id="rssOutput">RSS-feed 数据列表...</div>
</body>
</html>

Showrs () 함수는 다음 단계를 실행합니다:

· RSS-FEED가 선택되어 있는지 확인

만들기 xmlhttprequest 개체

<创> · 서버 응답 준비 시 생성되는 함수

· 서버의 파일에 요청 보내기

드롭다운 목록 내용)

PHP 파일

rss_demo.xml 파일.

위에서 JavaScript를 통해 호출된 서버 페이지는 "getrss.php"라는 PHP 파일입니다.

<?php
// rss 文件
$xml="rss_demo.xml";
 
$xmlDoc = new DOMDocument();
$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 파일로 전송되면 어떻게 될까요? is:

<检> · 어떤 RSS Feed가 선택되었는지 확인

· 새 XML DOM 개체 만들기

· XML 변수에 RSS 문서 로드

· · 채널에서

요소 추출 및 출력 · item 요소에서

요소 추출 및 출력

지속적인 학습

새로운 파일

<html> <head> <meta charset="utf-8"> <title>php中文网</title> <script> function showRSS(str) { if (str.length==0) { document.getElementById("rssOutput").innerHTML=""; return; } if (window.XMLHttpRequest) { // IE7+, Firefox, Chrome, Opera, Safari 浏览器执行代码 xmlhttp=new XMLHttpRequest(); } else { // IE6, IE5 浏览器执行代码 xmlhttp=new ActiveXObject("Microsoft.XMLHTTP"); } xmlhttp.onreadystatechange=function() { if (xmlhttp.readyState==4 && xmlhttp.status==200) { document.getElementById("rssOutput").innerHTML=xmlhttp.responseText; } } xmlhttp.open("GET","getrss.php?q="+str,true); xmlhttp.send(); } </script> </head> <body> <form> <select onchange="showRSS(this.value)"> <option value="">选择一个 RSS-feed:</option> <option value="rss">读取 RSS 数据</option> </select> </form> <br> <div id="rssOutput">RSS-feed 数据列表...</div> </body> </html>

제출하다 코드 재설정

자동운전