一、ajax学习
1. 概念
1. ajax概念： ASynchronous JavaScript And XML 异步的JavaScript 和 XML
2. 目的：提升用户的体验
3. 功能：采用异步加载技术，网页的部分信息与服务器交互时，只更新部分页面，而不加载整个页面。传统的网页（不使用 Ajax）如果需要更新内容，必须重载整个网页页面。
2. 同步与异步
异步和同步：客户端和服务器端相互通信的基础上
* 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。
* 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。
3. 实现方式
用原生js可以实现，但是很复杂，不做记录。下面介绍常用的技术，用jQuery实现ajax：
1. $.ajax()
* 语法：$.ajax({键值对});
//使用$.ajax()发送异步请求
$.ajax({
url:"ajaxServlet" , // 请求路径
type:"POST" , //请求方式
data:JSON.stringify({"username":"jack","age":23}) , //请求参数。 等价写法：data: "username=jack&age=23"
success:function (data) {
alert(data);
}, //响应成功后的回调函数
error:function () {
alert("出错啦...")
}, //表示如果请求响应出现错误，会执行的回调函数
dataType:"json"//设置接受到的响应数据的格式
});
2. $.get()：发送get请求
* 语法：$.get(url, [data], [callback], [type])
* 参数：
* url：请求路径
* data：请求参数
* callback：回调函数
* type：响应结果的类型
3. $.post()：发送post请求
* 语法：$.post(url, [data], [callback], [type])
* 参数：
* url：请求路径
* data：请求参数
* callback：回调函数
* type：响应结果的类型
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 举报，一经查实，本站将立刻删除。
文章由极客之音整理，本文链接：https://www.bmabk.com/index.php/post/84671.html
