2021-11-5Ajax-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_44632449/article/details/121155633

JavaScript

引入JavaScript

Ajax

Asynchronous JavaScript and XML 异步的JavaScript 和XML
底层XMLHttpRequest
是一种不需要重新加载整个网页的情况下，更新部分网页的技术。

传统的网页想要更新内容或者提交一个表单都需要重新加载整个网页
而使用ajax技术的网页，通过后台服务器进行少量的数据交换，可以实现异步局部更新
使用JQuery
导入Jquery.js文件
使用VUE
导入VUE

三步曲：

1.编写对应处理的Controller，返回消息或者字符串或者json格式的数据；
2.编写ajax请求
1.url Controller请求
2.data 键值对
3.success回调函数
3.给Ajax绑定事件，点击click，失去焦点onblur，键盘弹起 keyup

后端数据
@Controller
@RequestMapping("/ajax")
public class AjaxController {

//返回json字符串 服务器要返回一个字符串 1.直接使用response
@RequestMapping("/a1")
public void ajax(String name, HttpServletResponse response) throws IOException {
    if("admin".equals(name)){
        response.getWriter().print("true");
    }else{
        response.getWriter().print("false");
    }

}

@RequestMapping("/a2")
@ResponseBody
public List<User> ajax2(){
    List<User> list = null;
    return list;  //由于加了@ResponseBody注解，返回一个JSON字符串
    
}

}
前端