前面几篇关于 jquery 的分享,都是如何获取页面元素和动态改变属性值,今天给大家分享一下 jquery 的 ajax 请求(也就是我们平时经常说的异步请求)。
说一下我对 ajax 请求的理解和使用心得:
1、ajax 请求可以无需跳转页面,就请求到某个后端文件,这种方式极大的提高了用户体验度,使用户感觉步骤简便;
2、ajax 请求可以使程序员随时请求后端,判断用户输入的数据是否与数据库重复或者随时操作数据库(当然这一点,也可以归为提高用户体验度)。
GET 请求
$.get(url, [data], [callback], [type])
一共四个参数,第一个参数表示请求的 url 地址,第二个参数表示要传的参数,第三个参数表示回调后要做的事情,第四个参数表示返回值的内容格式(xml, html, script, json, text, _default),我们经常使用的格式是 json 和 text 。
//1、请求 test.php 文件
//2、传了两个参数,name 对应的值时 John,time 对应的值是 2pm,我们在php端可以使用 $_GET['name'] 和 $_GET['time'] 接收这两个值
//3、回调后,弹出返回值 data
//4、返回格式为 text
$.get("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
},'text');
POST 请求
$.post(url, [data], [callback], [type])
一共四个参数,第一个参数表示请求的 url 地址,第二个参数表示要传的参数,第三个参数表示回调后要做的事情,第四个参数表示返回值的内容格式(xml, html, script, json, text, _default),我们经常使用的格式是 json 和 text 。
//1、请求 test.php 文件
//2、传了两个参数,name 对应的值时 John,time 对应的值是 2pm,我们在php端可以使用 $_POST['name'] 和 $_POST['time'] 接收这两个值
//3、回调后,弹出返回值 data
//4、返回格式为 text
$.get("test.php", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
},'text');
另外还有一个 $.ajax(url,[settings]) 请求方式,这种方式我从来不用,所以我也就不介绍了,感兴趣的朋友可以使用自己查阅文档进行学习
这篇文章过后,关于 jquery 的分享就完成了,也算是整个 php 学习系列完成了。很高兴,我可以坚持写完这个系列(给自己点个赞)。
这里总结一下哪些朋友不适合看这个系列的文章
1、一点基础都没有的朋友(不知道什么是 php、html、mysql,具体可以指一个市场卖菜的)
适合看这个系列的文章朋友
1、适合刚刚自学完php,想检测自己自学成果的朋友。
2、刚刚参加完培训,想上手做项目的朋友。
3、了解一些计算机知识,想快速学习 php 的朋友。