Maison > interface Web > js tutoriel > le corps du texte

Utilisez l'ajax de jquery pour lancer une demande d'accès

angryTom
Libérer: 2019-11-23 14:31:34
original
6710 Les gens l'ont consulté

Lancer une requête auprès de l'interface est une méthode que les développeurs utilisent souvent pour obtenir des données. Les données requises peuvent être obtenues en soumettant des données à l'interface, puis en recevant les données renvoyées par l'interface. jquery nous fournit la méthode ajax pour faciliter notre interface de requête. Je vais maintenant vous présenter comment utiliser l'ajax de jquery.

Première étape : Citer jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
Copier après la connexion
Manuel recommandé  : Manuel de référence en chinois jQuery

Étape 2 : Construire une requête ajax

Dans la requête, j'utilise un fichier sur le serveur local.

<script>
$.ajax({
     url: "http://localhost/sltest/test4.php",      //请求接口的地址
     type: "GET",                                   //请求的方法GET/POST
     data: {                                        //需要传递的参数
        name: &#39;sl&#39;,
        password: &#39;123456&#39;,
     },
     success: function (res) {                      //请求成功后的操作
          console.log(res);                          //在控制台输出返回结果
      },
     error: function (err) {                       //请求失败后的操作
          console.log(22);                          //请求失败在控制台输出22
       }
   })
</script>
Copier après la connexion
Manuel recommandé :Manuel de référence en chinois AJAX

Étape 3 : Écrire l'interface Fichier test4.php

<?php
$name = $_GET[&#39;name&#39;];          //接受传递过来的参数
$password = $_GET[&#39;password&#39;];
$str = "姓名:".$name."    密码:".$password;  //构造返回数据
echo   $str;        //返回数据
?>
Copier après la connexion

Vérifiez enfin les résultats en cours d'exécution

Utilisez lajax de jquery pour lancer une demande daccès

Articles connexes recommandés :
1.Comment utiliser les requêtes ajax dans les projets
2.Afficher la progression lors de la requête Ajax
Tutoriels vidéo associés :
1.JavaScript Quick Start_Jade Girl Heart Sutra Series

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
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
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal