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把控制权交给前端了。

跨域是什么

posted @ 2022-01-12 11:09  Lylee  阅读(20)  评论(0编辑  收藏  举报