Scribd Logo
Upload

Welcome to Scribd!

  • AjaxBasics PDF

    Uploaded by

    Juan Pérez
    14 views8 pages

    Original Title

    AjaxBasics.pdf

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    14 views8 pages

    AjaxBasics PDF

    Uploaded by

    Juan Pérez

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    In this lecture, we will discuss…

    Ajax Basics
    What is Ajax?

    stands*for!

    Asynchronous*Javascript*And*XML*
    !  While Ajax started with XML, very few apps use it nowadays
    •  Plain text (at times as html) and JSON is used instead
    Traditional Web App Flow

    Web page
    <html>
    … Bu(o
    <button…> HTTP n!is!press
    !Req e
    … uest! d!
    sent!
    </html>

    Web page
    <html>
    … server!
    <button…>
    … Even!if!returned!page!is!
    </html> 99%!iden:cal!to!original!
    Ajax Web App Flow

    HTTP!Request!
    Web page sent!by!Javascript!
    <html>
    …
    <button…>
    … Response:!!
    </html> Small!piece!of!data!that’s!
    inserted!into!current!page!
    server!

    !  Faster response
    •  Less bandwidth, nicer experience for user
    Synchronous Execution

    Execu9on*of*one**
    instruc9on*at*a*9me*
    !  Can’t start execution of another instruction
    until the first instruction finished its execution
    Asynchronous Execution

    Execu9on*of*more*than*one**
    instruc9on*at*a*9me*
    !  Asynchronous instruction returns right away
    !  The actual execution is done in a separate
    thread or process
    How Does Ajax Work Then?
    synchronous!
    browser*
    HTML*
    Event** Rendering*
    Queue* Javascript*
    Engine*

    webGL* HTTP*Requestor*

    asynchronous!
    Ajax Process
    Javascript!Engine! HTTP!Requestor!
    js!code!line!
    js!code!line!
    Address!JS!func:on!
    make!Ajax!request!
    response!handler!
    js!code!line!
    js!code!line!
    Handle!server!response!

    callback!func:on!

    You might also like