Heim > Web-Frontend > js-Tutorial > Hauptteil

Verwenden Sie den Ajax von jquery, um eine Zugriffsanfrage zu initiieren

angryTom
Freigeben: 2019-11-23 14:31:34
Original
6714 Leute haben es durchsucht

Das Initiieren einer Anfrage an die Schnittstelle ist eine Methode, die Entwickler häufig zum Abrufen von Daten verwenden. Die erforderlichen Daten können erhalten werden, indem Daten an die Schnittstelle gesendet und dann die von der Schnittstelle zurückgegebenen Daten empfangen werden. jquery stellt uns die Ajax-Methode zur Verfügung, um unsere Anforderungsschnittstelle zu vereinfachen. Jetzt werde ich Ihnen vorstellen, wie Sie den Ajax von jquery verwenden.

Schritt eins: Jquery zitieren

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
Nach dem Login kopieren
Empfohlenes Handbuch : jQuery Chinesisch-Referenzhandbuch

Schritt 2: Ajax-Anfrage erstellen

In der Anfrage verwende ich eine Datei auf dem lokalen Server.

<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>
Nach dem Login kopieren
Empfohlenes Handbuch:AJAX Chinese Reference Manual

Schritt 3: Schreiben Sie die Schnittstelle Datei test4.php

<?php
$name = $_GET[&#39;name&#39;];          //接受传递过来的参数
$password = $_GET[&#39;password&#39;];
$str = "姓名:".$name."    密码:".$password;  //构造返回数据
echo   $str;        //返回数据
?>
Nach dem Login kopieren

Überprüfen Sie abschließend die Laufergebnisse

Verwenden Sie den Ajax von jquery, um eine Zugriffsanfrage zu initiieren

Empfohlene verwandte Artikel:
1.So verwenden Sie Ajax-Anfragen in Projekten
2.Fortschritt während der Ajax-Anfrage anzeigen
Verwandte Video-Tutorials:
1.JavaScript Quick Start_Jade Girl Heart Sutra Series

Das obige ist der detaillierte Inhalt vonVerwenden Sie den Ajax von jquery, um eine Zugriffsanfrage zu initiieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

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