Dator > hur man skriver ett manus ajax rss

  • hur man skriver ett manus ajax rss


  • Asynchronous JavaScript och XML , AJAX , är en teknik med flera webbtekniker för att utveckla interaktiva klientsidan webbapplikationer. JavaScript används för att läsa en XML-fil och visa formaterade innehåll på webbsida med dynamisk HTML (DHTML ) och Document Object Model (DOM ) . Simple Syndication ( RSS ) foder -filer är XML- formaterade filer som innehåller information och länkar för nyhetsartiklar , blogginlägg , och även podcast information . Hämtar och visa ett RSS-flöde är ett bra sätt att komma igång med AJAX .

    Du behöver :
    en textredigerare, t. ex. Notepad + +
    . RSS -filen på din webbplats .


    1 .
    Skapa en ny JavaScript fil . Spara den med filnamnet " rss. js " .
    2 .
    Lägg följande funktion. Funktionen intializes och returnerar ett XMLHttpRequest objekt . XMLHttpRequest är kärnan i AJAX programmering . Äldre versioner av Internet Explorer initiera en XMLHttpRequest med hjälp av en ActiveX i stället för fönstret

    funktion initXmlHttpReq () {
    var x .
    om ( window. XMLHttpRequest ) {
    x=new XMLHttpRequest () ; }

    else if ( window. ActiveXObject ) {
    x=new ActiveXObject (" Microsoft. XMLHTTP " ) ; }

    else {
    alert ( " Din webbläsare stöder inte den här funktionen br . "); återvända ,
    }

    återvända x ; }

    3
    Lägg följande funktion för att hantera effekten av tolkning och . visa RSS- flöde när filen hämtas. readyState visar statusen på filen hämta , och är lika med 4 när filen hämtades framgångsrikt . Dokumentet kommer att ha en div-tagg med id " rss ". Skriptet kommer att skriva på RSS i denna div .

    funktion stateChange () {
    om ( xmlreq. readyState == 4 ) {
    var data=xmlreq. responseXML ,
    var Elem=document. getElementById ( " rss ");
    parseRss ( data , Elem ) ,
    } }

    4
    Lägg till följande två funktioner för att analysera och skriva RSS . data som lagras i data -objektet. Varje RSS rubrik finns i " item " element , som innehåller titel , länk och annan information i underordnade element. parseRss bygger en oordnad lista , fylls den med information från RSS-flöde , och skriver det till en DIV med id " RSS " i webbsidan med ditt manus . getVal används för att hämta data från barnet noder , och håller parseRss funktionen lite mer snygg och lättläst .

    funktion parseRss ( data , Elem ) {
    elem. innerHTML="

    Feed

    " ;
    var objekt=data. getElementsByTagName ( " post " ) ;
    var list=document. createElement ( " ul " ) ;
    for (var i=0 , Jag var listitem=document. createElement ( " li " ) ;
    var linkItem=document. createElement ( "a " ) ;
    linkItem. setAttribute ( "href " , getVal ( posterna [i ] , " länk "));
    linkItem . appendChild ( document. createTextNode ( getVal ( posterna [i ] , " title ")));
    listItem. appendChild ( linkItem ) ,
    list. appendChild ( listitem ) ,
    }
    elem. appendChild ( lista ) ; }


    funktion getVal ( obj , tag ) {
    återvända obj. getElementsByTagName ( tag ) [0 ] firstChild. nodeValue .
    }
    5 .
    Lägg till följande funktion som öppnar RSS- flöde , utlöser tolkning och skriva av innehållet till webbsidan .

    funktion makeRequest () {
    xmlreq. open ( "GET " , url , true );
    xmlreq. send (null ) ; }

    6 .
    Lägg till följande rader i slutet av skriptet . Dessa rader ska köras när sidan läses in. Ändra URL " rss. xml " till webbadressen för din RSS -flöde

    var xmlreq=initXmlHttpReq () ; .
    var url=" rss. xml " ;
    xmlreq . onreadystatechange=stateChange ;
    7
    Använd skriptet genom att inkludera scriptet i din webbsida huvud område :

    Previous:Vilka är fördelarna med Java uppgradera ? Next:hur man visar kolumner i en MySQL tabell





    Relaterade artiklar


  • skrivare som inte dricker bläck
  • compaq 2195us specifikationer
  • hur man kan jämföra 3g bärbara kort
  • hur man uppgraderar en D510-processor
  • hur man skapar en inloggningssida i ASP
  • hur man överklockar ett EVGA 780i SLI
  • hur man får bilder från en Sony st kamera
  • hur man rengör en Logitech MX 1000 bluetooth
  • hur du använder Microsoft fingeravtrycksläsare
  • cpu information på en stationär