使用jquery的ajax发起访问请求

2020-11-27 来源：乌哈旅游

向结口发起请求是开发人员经常要用到的一种获取数据的方式，通过向接口提交数据，再接收接口返回的数据的方法来获取需要的数据。jquery为我们提供了ajax方法来方便我们请求接口。下面我就来想大家介绍一下jquery的ajax的使用方法。

第一步：引用jquery

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.2.2/jquery.js"></script>

第二步：构造ajax请求

在请求是我使用的是本地服务器上的文件。

<script>
$.ajax({
 url: "http://localhost/sltest/test4.php", //请求接口的地址
 type: "GET", //请求的方法GET/POST
 data: { //需要传递的参数
 name: 'sl',
 password: '123456',
 },
 success: function (res) { //请求成功后的操作
 console.log(res); //在控制台

输出返回结果 }, error: function (err) { //请求失败后的操作 console.log(22); //请求失败在控制台输出22 } }) </script>

第三步：编写接口文件test4.php

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

最后查看运行结果

无标题.png

显示全文

全部栏目

使用jquery的ajax发起访问请求