AJAX_study

AJAX

AJAX= Asynchronous JavaScript and XML(异步的JavaScript和XML).

AJAX是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

Ajax不是一种新的编程语言，而是一种用于创建更好更快以及交互性更强的Web应用程序的技术。

增强B/S的体验性。

B/S:未来的主流，并且会爆发式的持续增长；

产品链：H5+网页+客户端+手机端（Android、IOS）+小程序。

使用场景

• 注册时，输入用户名自动检测用户是否已经存在。
• 登录时，提示用户名密码错误
• 删除数据行时，将行ID发送到后台，后台在数据库种删除，数据库删除成功后，在页面DOM中数据行也删除。
• 使用jQuery需要先导入jQuery的js文件；

语法

javaScript

• 引入javaScript, $<script>$
• 函数

选择器

• 标签选择器
• 类选择器 .
• id选择器 #

jQuery公式

• $(选择器).事件（参数）
• $(select).action(…)

Ajax总结：

使用JQuery需要导入jQuery，使用Vue导入Vue,两个都不用，自己原生态实现。

三步曲：

1.编写对应处理的Controller,返回消息或者字符串或则json格式数据。
2.编写ajax请求

• url ：要求为String类型的参数，（默认为当前页地址）发送请求的地址。
• data：发送到服务器的数据。如果已经不是字符串，将自动转换为字符串格式。
• success回调函数：请求成功后调用的回调函数，有两个参数。（1）由服务器返回，并根据dataType参数进行处理后的数据。（2）描述状态的字符串。

3.给Ajax绑定事件，点击.click，失去焦点onblur，键盘弹起keyup。