RSS เป็นมาตรฐานไฟล์แบบ XML การแชร์เนื้อหาระหว่างเว็บไซต์ทำได้อย่างง่ายดายผ่านไฟล์ XML ที่สอดคล้องกับข้อกำหนด RSS Ajax เป็นตัวย่อของ Asynchronous JavaScript และ XML เทคโนโลยี Ajax ช่วยให้คุณสามารถส่งคำขอไปยังเซิร์ฟเวอร์ผ่าน Hypertext Transfer Protocol (Http) และดำเนินการประมวลผลข้อมูลเพิ่มเติมต่อไปในขณะที่รอการตอบกลับ การอ่านไฟล์ XML ระยะไกลสามารถทำได้ง่ายผ่านเทคโนโลยี Ajax ดังนั้นเทคโนโลยี Ajax จึงสามารถใช้เพื่อเข้าถึงข้อมูลสรุปที่สร้างขึ้นตามมาตรฐาน RSS จากระยะไกลได้
Ajax ไม่ใช่ภาษาหรือเทคโนโลยีใหม่ แต่จริงๆ แล้วเป็นเทคโนโลยีหลายอย่างที่รวมกันในลักษณะใดลักษณะหนึ่ง พวกเขาทั้งหมดมีบทบาทตามลำดับในการทำงานร่วมกันซึ่งรวมถึง: การใช้ XHTML และ CSS สำหรับการนำเสนอที่เป็นมาตรฐาน การใช้ DOM สำหรับการแสดงผลและการโต้ตอบแบบไดนามิก การใช้ XML และ XSLT สำหรับการแลกเปลี่ยนข้อมูลและการประมวลผล การใช้ XMLHttpRequest สำหรับการอ่านข้อมูลแบบอะซิงโครนัส เพื่อผูกและประมวลผลข้อมูลทั้งหมด เอาล่ะ เราจะไม่พูดถึงทฤษฎีอีกต่อไป มาดูโค้ดกันดีกว่า
สร้างวัตถุ XMLHttpRequest และส่งคำขอไปยังเซิร์ฟเวอร์:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชั่น createXHR (url) {
ถ้า (window.XMLHttpRequest){
xmlHttp = XMLHttpRequest ใหม่();
}อื่น{
xmlHttp = ใหม่ ActiveXObject("Microsoft.XMLHTTP");
-
xmlHttp.open("post",url,"false");
xmlHttp.onreadystatechange = getResponse; xmlHttp.setRequestHeader("ประเภทเนื้อหา", "application/x-www-form-urlencoded");
xmlHttp.send(null);
-
สำรวจเอกสาร Rss ผ่านการดำเนินการ DOM เพื่อรับค่าที่ต้องการ:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชั่น readDoc (doc) {
รูต = doc.getElementsByTagName("ช่อง"")[0];
docTitle = root.getElementsByTagName("ชื่อ")[0];
docLink = root.getElementsByTagName("ลิงก์")[0];
docDescription = root.getElementsByTagName("คำอธิบาย")[0];
รายการ = root.getElementsByTagName("รายการ");
สำหรับ(var i=0;i<items.length;i++){
itemTitle = items[i].getElementsByTagName("title")[0];
itemLink = items[i].getElementsByTagName("ลิงก์")[0];
itemDescription = items[i].getElementsByTagName("คำอธิบาย")[0];
//itemPubDate = items[i].getElementsByTagName("pubDate")[0];
document.getElementById("rssTitle").innerHTML = docTitle.firstChild.nodeValue;
อุณหภูมิ = "</h1><h2><a href=""+itemLink.firstChild.nodeValue+"" target="_blank">"+itemTitle.firstChild.nodeValue+"</a></h2>"+"< p>"+itemDescription.firstChild.nodeValue+"</p><hr/>";
document.getElementById("readRss").style.display = "none";
document.getElementById("printRss").getElementsByTagName("span")[0].style.display = "ไม่มี";
document.getElementById("printRss").innerHTML = document.getElementById("printRss").innerHTML + อุณหภูมิ;
-
-
เรียกใช้ฟังก์ชัน createXHR(url) ส่งผ่านพารามิเตอร์ และส่งคำขอไปยังเซิร์ฟเวอร์:
คัดลอกรหัสรหัสดังต่อไปนี้:
createXHR("http://www.apple.com.cn/hotnews/rss/hotnews.rss");
ได้รับการตอบกลับ:
คัดลอกรหัสรหัสดังต่อไปนี้:
ฟังก์ชัน getResponse(){
ถ้า(xmlHttp.readyState == 4){
ถ้า(xmlHttp.status == 200){
rssDoc = xmlHttp.responseXML;
readDoc(rssDoc);//เรียกใช้ฟังก์ชัน readDoc()
}อื่น{
document.getElementById("rssTitle").innerHTML = "ข้อยกเว้นการอ่าน!";
//alert(xmlHttp.status);
-
-
-