Ajax

Ajax

素质四连：

1、他是什么
2、可以解决什么问题
3、怎么用
4、是否可以优化，重构？

Ajax是前端的技术，指的是一种创建交互式网页应用的网页开发技术。

Ajax全称（Asynchronous javascript and xml）异步的javascript和xml

Ajax并不是一个全新的技术，由很多老的技术组合起来的一个技术，基于javascript、dom、xml、xhtml等等这些技术整合在一起完成的。

在设计网页时遇到的问题：注册的时候遇到很多文本输入框，若按以前的方法，其中一个输入框的内容有误，后台会返回你一个新的页面 之前所有填的文本输入内容都没得了。 非常影响用户体验这时就用到了ajax。

Ajax带来的好处：
1、可以创建快速动态网页（网页上的数据动态更新）
2、Ajax可以实现不刷新整个网页的情况下、局部更新网页中的内容。
3、Ajax可以和后台服务器进行数据交互，他们之间的交互是基于数据来的。它不会把整个页面都给传递回来，只接收更改过后的数据，然后动态的去替换页面上原来的数据。分担了服务器的压力。（以前的方法，若添加、修改一个值之后，后台会重新传到前台一个新的页面，ajax只会传一个数据过来）

前台做数据交互：前后端分离技术

传统网页需要更新数据，加载的是整个网页，Ajax做的数据交互，前台数据展示，只动态修改部分页面。

Ajax应用到的技术

XMLHttpRequest对象：ajax核心对象，市面上的主流浏览器都支持这个对象，但是他是非标准的

异步请求和同步请求：
同步请求：客户端请求–（这个过程不能执行其他操作）–服务器接收-----响应回客户端

异步请求：客户端请求–（这个过程可以执行其他操作）–服务器接受-----服务器再响应

使用步骤：
1.产生XMLHttpRequest（new 一个）
2.使用xmlhttpRequest方法（发送请求、和服务器建立连接）
xml.open(请求方式，请求地址，同步请求/异步请求)
3.调用send，发送请求。
send（要传递的数据）

如何把请求成功的信息返回到html页面上
处理响应，监控状态码。当状态码等于200的时候

把后台都转化成json数据
java中没有json对象，json对象属于前端。
我们可以将java对象转化成json格式的字符串–怎么用？导入jackson jar包

html页面

封装：设计一个回调函数 匿名回调
回调函数 要满足 fun是通过事件来调用
async 同步或者异步 fun 要处理的结果代码（传进去的是一个函数 就是步骤4）

以上所有使用jquery封装的方法可以一步解决

数据库分页：limit