>  기사  >  웹 프론트엔드  >  jquery의 ajax를 사용하여 액세스 요청 시작

jquery의 ajax를 사용하여 액세스 요청 시작

angryTom
angryTom원래의
2019-07-15 17:06:316692검색

인터페이스에 대한 요청 시작은 개발자가 데이터를 얻기 위해 자주 사용하는 방법입니다. 필요한 데이터는 인터페이스에 데이터를 제출한 다음 인터페이스에서 반환되는 데이터를 수신하여 얻을 수 있습니다. jquery는 요청 인터페이스를 용이하게 하기 위해 ajax 메소드를 제공합니다. 이제 jquery의 ajax 사용법을 소개하겠습니다.

1단계: jquery 인용

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>
권장 매뉴얼: jQuery 중국어 참조 매뉴얼

2단계: Ajax 요청을 구조화하세요

at 요청은 내 로컬 서버의 파일을 사용하여 이루어집니다.

<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>
추천 매뉴얼: AJAX 중국어 참조 매뉴얼

3단계: 인터페이스 파일 test4.php

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

마지막으로 실행 결과 확인

jquery의 ajax를 사용하여 액세스 요청 시작

추천 관련 기사:
1.프로젝트에서 Ajax 요청을 사용하는 방법
2.Ajax 요청 중 진행 상황 표시
관련 비디오 튜토리얼:
1.JavaScript Quick Start_Jade Girl Heart Sutra Series

위 내용은 jquery의 ajax를 사용하여 액세스 요청 시작의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.