Day21---ajax

一、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：响应结果的类型