使用jquery的ajax发起访问请求


本文摘自PHP中文网,作者angryTom,侵删。

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

第一步:引用jquery

1

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

推荐手册:jQuery中文参考手册

第二步:构造ajax请求

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

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

<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>

推荐手册:AJAX中文参考手册

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

阅读剩余部分

相关阅读 >>

jQuery可见性过滤选择器有哪些

jQuery里面的toggle怎么用

如何用jQuery判断是否为数字

jQuery框架和bootstrap框架区别

jQuery ajax怎么使用

jQuery怎么判断变量是否是数字

jQuery如何实现延迟执行

web 前后端怎么交互

jQuery更改img元素的src属性的方法

基于jQuery和html5的日历时钟插件 的图文详解

更多相关阅读请进入《jQuery》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...