您现在的位置是:网站首页>前端技术>JavascriptJavascript
使用jquery的ajax发起访问请求
神夜2019-09-12 02:03:22【Javascript】3997人已围观文章来源:PHP中文网
简介向结口发起请求是开发人员经常要用到的一种获取数据的方式,通过向接口提交数据,再接收接口返回的数据的方法来获取需要的数据。jquery为我们提供了ajax方法来方便我们请求接口。
向结口发起请求是开发人员经常要用到的一种获取数据的方式,通过向接口提交数据,再接收接口返回的数据的方法来获取需要的数据。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; //返回数据 ?>
最后查看运行结果
以上就是使用jquery的ajax发起访问请求的详细内容,更多请关注php中文网其它相关文章!
上一篇:vue.js监听键盘事件
下一篇:js将函数赋值给变量后该怎么使用
本栏推荐
猜你喜欢
站点信息
- 建站时间:2017-10-24
- 网站程序:Hsycms 3.0
- 文章统计:511条
- 微信公众号:扫描二维码,关注我们