Ajax
什么是Ajax
AJAX = Asynchronous JavaScript and XML 异步的JavaScript and XML
AJAX是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。
举例:就是百度那个搜索框你就输一个字母,也会有请求发送的,不是一定要点百度一下才有请求。
传统的网页想要更新内容或者提交一个表单,都需要重新加载整个网页。使用Ajax技术的网页,通过在后台服务器进行少量的数据交换,就可以实现异步局部更新。
核心是XMLHttpRequest, jQuery Ajax本质也就是 XMLHttpRequest, 只不过对它进行了封装。
//失去焦点事件
function a() {
//jQuery方式发送异步请求
$.post({
url: "${pageContext.requet.contextPath}/a1",
data: {"name":$("#username").val()},
success: function (data) {
}
})
}
@RequestController
public class AjaxController {
@RequestMapping("/a1")
public String a1(String name, HttpServletResponse response) {
System.out.println("a1:param=" + name);
if ("lyle".equals(name)) {
response.getWriter().print("true");
}
}
}
用户名:<input type="text" id="username" onblur="a()">
因为之前传统方式后端会重定向或转发,而现在有了Ajax,后端只需要返回数据也就是JSON数据,重定向转发由前端控制了,也就是Ajax把控制权交给前端了。