recherche

Maison >interface Web >js tutoriel >Exemple d'analyse de la différence entre Ajax natif et jQuery Ajax_jquery

Exemple d'analyse de la différence entre Ajax natif et jQuery Ajax_jquery

WBOY
WBOYoriginal
2016-05-16 16:25:47929parcourir

Préface : Cette fois, je présente un petit exemple d'utilisation d'ajax pour échanger des données avec l'arrière-plan, la démo doit donc être ouverte via le serveur. L'environnement du serveur est très simple à configurer. Il suffit de télécharger wamp ou xampp depuis Internet, de l'installer étape par étape, puis de placer la page écrite à l'emplacement spécifié sur le serveur. Lors de l'ouverture, saisissez « localhost/specified page » ou « 127.0.0.1/specified page » dans la barre d'adresse du navigateur pour l'ouvrir.

Les codes HTML, PHP, ajax natif et jq ajax de la démo sont répertoriés ci-dessous.

Code HTML :

Copier le code Le code est le suivant :




exemple ajax






         

                                                                                  dans dans dans                                                                                                                                                                                                                < 🎜>                                                                                                                                                                                                                 

           
                                                                                   







Code PHP :




Copier le code

Le code est le suivant :

$détails = tableau ( 'printemps' => 'summer' => "

Le rideau de cristal bougeait dans la brise et les roses remplissaient la cour de parfum

", 'fall' => "

Les feuilles d'automne du sycomore de Jinjing sont jaunes et les rideaux de perles ne sont pas enroulés par le gel la nuit

", 'winter' => "

Les fleurs de prunier sont aussi blanches que la neige, mais la neige est moins parfumée que les fleurs de prunier< ;/p>" );

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

　　原生ajax：

复制代码 代码如下 :


　　JQ ajax :

复制代码 代码如下 :


Déclaration：
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent：Créez facilement un serveur nodejs (6) : respons_node.jsArticle suivant：Créez facilement un serveur nodejs (6) : respons_node.js

Articles Liés

Voir plus