建站学 - 轻松建站从此开始!

建站学-个人建站指南,网页制作,网站设计,网站制作教程

jquery ajax 发起访问请求

时间:2019-07-25 16:29来源:未知 作者:yang 点击:
向结口发起请求是开发人员经常要用到的一种获取数据的方式,通过向接口提交数据,再接收接口返回的数据的方法来获取需要的数据。jquery为我们提供了ajax方法来方便我们请求接口。下面我就来想大家介绍一下jquery的ajax的使用方法。 第一步:引用jquery scrip
向结口发起请求是开发人员经常要用到的一种获取数据的方式,通过向接口提交数据,再接收接口返回的数据的方法来获取需要的数据。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;        //返回数据
?>



(责任编辑:yang)
织梦二维码生成器
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
用户名: 验证码:点击我更换图片