Dator > ajax tutorial : javascript

  • ajax tutorial : javascript


  • Asynchronous JavaScript och XML ( AJAX ) fanns långt innan det blev en officiell modeord . Jesse James Garret , som myntade ordet " AJAX "1995 , konstaterat att "Det är verkligen flera tekniker , varje blomstrande i sin egen rätt. " Du ser AJAX i aktion när du ser Google Suggest resultat medan du skriver i sökrutan . När shopping- cart poster magiskt visas i webbläsaren när du klickar på en knapp , är AJAX hämta data bakom kulisserna . I grunden fungerar AJAX tack vare ett objekt som heter XMLHttpRequest . Integrera detta objekt i din JavaScript för att lägga AJAX -funktionalitet till din webbsida

    Du behöver : . .
    HTML-redigerare eller Anteckningar
     


    1
    Skapa en ny HTML-dokument och lägg till följande kodblock :

     

    ursprungliga text


    Klicka för att testa ändra texten Lägg en tom JavaScript -funktion till skriptet delen av HTML enligt nedan :

    funktion test () {

    }
    3 .
    Lägg till denna kod till funktionen :

    om ( window. XMLHttpRequest )
    testObject=new XMLHttpRequest () ; }

    else {
    testObject=new ActiveXObject (" Microsoft. XMLHTTP " ) ; }

    //Kommentar # 1

    Detta kodblock skapar en XMLHttpRequest Object ". Internet Explorer har sitt eget sätt att skapa det som objekt visas i " annat " klausul
    4
    Lägg till denna kod efter kommentar # 1 : .

    testObject . onreadystatechange=updateTextBox ( testObject ) ,
    //Kommentar # 2

    Webbläsaren kommer att övervaka tillståndet i AJAX begäran som den kommunicerar med servern . När objektet är " klar " förändringar kommer webbläsaren anropar funktionen heter " updateTextBox " . Det kommer också att passera AJAX objektet " testObject " , till den funktion
    5
    Lägg till följande kommentar kodblock # 2 : .

    Xmlhttp. open ( " GET " , " serverInfo. txt " , true ) ;
    xmlhttp. send () ; }


    Detta kommer att hämta texten från text fil med namnet " serverInfo . txt " och förvara den i AJAX objekt
    6
    Lägg denna funktion för att skriptet delen av HTML : .

    funktion updateTextBox ( testObject ) {
    if ( testObject. readyState == 4 testObject. status == 200 ) {
    var myText=document. getElementById ( " myTextBox " ) ;
    myText. innerHTML=testObject. responseText ;
    }

    annan alert ( " uppstått " ) ; }


    Denna kod kommer att hämta texten från AJAX -objekt och lägga till den i textrutan . Funktionen kontrollerar objektets redo ange värde . Om värdet inte är fyra eller 200 , varnas användaren om att ett problem uppstått och AJAX Åtgärden misslyckades .
    7 .
    Skapa en textfil med namnet " serverInfo. txt " och lägg till " text från server " till filen .
    8 .
    Placera filerna på din webbserver och testa programmet. När du klickar på knappen , kommer en JavaScript-funktion ersätta tester av rubriken element med texten att det hämtar från webbservern .
     

    tips och varningar


     

    • Alltid kontrollera värdena av färdiga tillstånd efter att du skickar ett AJAX begäran . Om det uppstår problem , underrätta användaren .
    9 1 2 3 4


Previous:nothing Next:hur man gör med ett objekt i Visual Basic 6





Relaterade artiklar


  • hur man använder perl för att söka en pdf doc
  • hur man skapar UML-klassdiagram
  • hur man byter hårdvara utan att installera om windows xp
  • Hur konvertera heltal till datumvärdet Visual Basic
  • handledning om SQL-funktioner
  • Hur konvertera det datum som strängen i VB
  • hur man får trådlösa datakort hårdvara
  • hur man installerar Belkin Wireless hårdvara g-kort
  • Vad är Windows api i Visual Basic ?
  • hur man använder Visual Studio för C + +