初学ajax

ajax

.1概念

AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。@H_502_5@

是前端和后台进行数据交互的一种技术。@H_502_5@

.2表单提交

表单提交的方式会刷新整个页面，用户体验效果不是很好，所以ajax就很流行，特点是异步无刷新。@H_502_5@

1. 买菜
2. 刷锅 烧水
3. 炒菜

同步：必须1先完成 2再操作 然后2完成以后3再操作@H_502_5@

异步：1进行的过程中 2可以进行 2进行的过程 3也可以正常开始@H_502_5@

.3原生js的ajax的步骤

.4jquery的ajax的步骤

$.ajax({@H_502_5@

type:”get/post”, 发送方式@H_502_5@

url:”后台文件地址”,@H_502_5@

data:{@H_502_5@

“自己起的名字”：值@H_502_5@

},@H_502_5@

success:function(){@H_502_5@

响应成功以后执行的代码@H_502_5@

},@H_502_5@

error:function(){@H_502_5@

响应不成功以后执行的代码@H_502_5@

}@H_502_5@

})@H_502_5@

我们写一个邮箱验证的案例，用户在输入框中输入邮箱，如果邮箱在数据表中存在，说明上一个人已经注册过这个邮箱，那这次注册的时候不能用这个邮箱了，如果数据表中没有用户刚输入的邮箱，认为邮箱可以用。@H_502_5@