ajax()函数相关内容

JQUery封装了一个函数，称之为$.ajax()函数，通过对象调用ajax()函数，可以异步加载相关的请求。依靠的是javascript提供的一个对象XHR（XmlHttpResponse）,封装了这个对象。

ajax()使用方式。需要传递一个方法体作为方式的参数来使用，一对大括号称之为方法体。ajax接收多个参数，参数与参数之间要求使用逗号（英文）进行分割，每一组参数之间使用分号（英文）进行分割，参数的组成部分一个是参数的名称（不能随意的定义），另一个是参数的值，参数的值要求是用字符串来标识，参数的声明顺序没有要求。语法结构：

			$.ajax({
					url: "",
					type: "",
					data: "",
					dataType: "",
					success: function () {
					},
					error: function () {
					}
				});

ajax()函数参数的含义：

参数	功能描述
url	表示请求的地址（url地址）,不能包含参数列表部分的内容。例如：url:“localhost:8080/users/reg”
type	请求类型（GET和POST请求的类型）。例如：type:“POST”
data	向指定的请求url地址提交的数据。例如：data:“username=Lindy&pwd=123456”
dataType	提交的数据的类型。数据类型一般指定为json类型。dataType:“json”
success	当服务器正常响应客户端时，会自动调用success参数的方法，并且将服务器返回的数据以参数的形式传递给这个方法的参数上
error	当服务器未正常响应客户端时，会自动调用error参数的方法，并且将服务器返回的数据以参数的形式传递给这个方法的参数上
processData	处理数据的形式（false、true）。（ajax默认处理数据时按照字符串的形式进行处理）
contentType	提交数据的形式（false、true）。（ajax默认采用字符串的形式进行提交数据）

用户注册按钮

<script type="text/javascript">
			//1.监听注册按钮是否被点击,如果被点击可以执行一个方法
			$("#btn-reg").click(function () {
				//2.发送ajax（）的异步请求来完成用户的注册功能
				$.ajax({
					url: "/users/reg",
					type: "post",
					data: $("#form-reg").serialize(),//先拿到整个表单，然后将表单中的数据serialize()这个函数会自动拼接成key=value的结构进行提交给服务器：username=Tom&password=123
					dataType: "json",
					success: function (json) {
						if (json.state == 200) {
							alert("注册成功");
						} else {
							alert("注册失败");
						}
					},
					error: function (xhr) {
						alert("注册时产生未知的错误" + xhr.status);
					}
				});
			});
		</script>