Heim > Web-Frontend > js-Tutorial > Beispielanalyse des Unterschieds zwischen nativem Ajax und jQuery Ajax_jquery

Beispielanalyse des Unterschieds zwischen nativem Ajax und jQuery Ajax_jquery

WBOY
Freigeben: 2016-05-16 16:25:47
Original
940 Leute haben es durchsucht

Vorwort: Dieses Mal stelle ich ein kleines Beispiel für die Verwendung von Ajax zum Datenaustausch mit dem Hintergrund vor, sodass die Demo über den Server geöffnet werden muss. Die Serverumgebung ist sehr einfach einzurichten. Laden Sie einfach wamp oder xampp aus dem Internet herunter, installieren Sie es Schritt für Schritt und legen Sie die geschriebene Seite dann am angegebenen Speicherort auf dem Server ab. Geben Sie beim Öffnen „localhost/specified page“ oder „127.0.0.1/specified page“ in die Adressleiste des Browsers ein, um es zu öffnen.

Die HTML-, PHP-, nativen Ajax- und JQ-Ajax-Codes der Demo sind unten aufgeführt.

HTML-Code:

Code kopieren Der Code lautet wie folgt:




Ajax-Beispiel






         

                                                                             In In In                                                                                                                                                                                        
  • winter

  •                                                                                                                                                                                                                   

               
                                                                                         







    PHP-Code:



    Code kopieren

    Der Code lautet wie folgt:

    $details = array ( 'Frühling' => 'summer' => "

    Der Kristallvorhang bewegte sich im Wind und die Rosen erfüllten den Hof mit Duft

    ",
    'fall' => "

    Die Herbstblätter des Jinjing-Ahorns sind gelb und die Perlenvorhänge sind durch den Frost nicht aufgerollt nachts

    ",
    'winter' => "

    Die Pflaumenblüten sind so weiß wie der Schnee, aber der Schnee duftet weniger als die Pflaumenblüten< ;/p>"

    );
    echo $details[$_REQUEST['LiName']];
    ?>

      原生ajax:

    复制代码 代码如下:


      JQ ajax:

    复制代码 代码如下:


    Verwandte Etiketten:
    Quelle:php.cn
    Erklärung dieser Website
    Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
    Beliebte Tutorials
    Mehr>
    Neueste Downloads
    Mehr>
    Web-Effekte
    Quellcode der Website
    Website-Materialien
    Frontend-Vorlage