1.Ajax介绍
概念：Ajax(Asynchronous JavaScript And XML)：异步的JavaScrip和XML。
AJAX作用：
?????? 1.与服务器进行数据交换：通过AJAX可以给服务器发送请求，并获取服务器响应的数据。
????????????? 使用了AJAX和服务器进行通信，就可以使用HTML+AJAX来替换JSP页面。
?
HTML+AJAX前端负责---------------servlet后面后端负责
如果使用JSP就做不到前后端分离
2.异步交互：可以在不重新加载整个页面的情况下，与服务器交换数据并更新部分网页的技术。
如百度搜索
?
如用户名是否可用校验，输入完用户名光标离开就校验。
简单来说，比如你登录时，点提交后，浏览器地址会转圈圈刷新，这个刷新的时候，你是执行不了其他的操作的，这就是同步。
异步就是浏览器后台悄悄地向服务器发送请求，用户是不知道的，客户端是可以执行其他操作的。
2.Ajax快速入门
后端
@WebServlet("/ajaxServlet")
public class AjaxServlet extends HttpServlet {
??? @Override
??? protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
??????? doPost(req, resp);
??? }
??? @Override
??? protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
????? ??//响应数据
??????? resp.getWriter().write("hello，Ajax");
??? }
}
前端
去www.w3school.com.cn网站上找下Ajax代码
?
?
?
<!DOCTYPE html>
<html lang="en">
<head>
??? <meta charset="UTF-8">
??? <title>测试Ajax</title>
</head>
<body>
<script>
??? //1.创建核心对象
??? var xhttp;
??? if (window.XMLHttpRequest) {
??????? xhttp = new XMLHttpRequest();
??? } else {
??????? // code for IE6, IE5
??????? xhttp = new ActiveXObject("Microsoft.XMLHTTP");
??? }
??? //2.发送请求
??? xhttp.open("GET", "http://localhost:8080/study/ajaxServlet", true);//中间服务器文件位置，写绝对路径
??? xhttp.send();
??? //3.获取响应
??? xhttp.onreadystatechange = function () {
??????? if (this.readyState == 4 && this.status == 200) {
??????????? alert(this.responseText);
??????? }
??? };
</script>
</body>
</html>
?
3.Axios
?
?
4.Json
javascript对象和json对象区别就在json格式严格，键必须双引号。
?
?
?
?
public class UserBean {
??? private int userid;
??? private String username;
??? private? String useraddress;
??? public int getUserid() {
??????? return userid;
??? }
??? public void setUserid(int userid) {
??????? this.userid = userid;
??? }
??? public String getUsername() {
??????? return username;
??? }
??? public void setUsername(String username) {
??????? this.username = username;
??? }
??? public String getUseraddress() {
??????? return useraddress;
??? }
??? public void setUseraddress(String useraddress) {
??????? this.useraddress = useraddress;
??? }
??? @Override
??? public String toString() {
??????? return "UserBean{" +
??????????????? "userid=" + userid +
??????????????? ", username='" + username + '\'' +
??????????????? ", useraddress='" + useraddress + '\'' +
??????????????? '}';
??? }
}
public class Main {
??? public static void main(String[] args) {
??????? UserBean userBean = new UserBean();
??????? userBean.setUserid(1);
??????? userBean.setUsername("张三");
??????? userBean.setUseraddress("西安");
??????? //java对象转换成Json对象
??????? String jsonString = JSON.toJSONString(userBean);
??????? System.out.println(jsonString);
//{"useraddress":"西安","userid":1,"username":"张三"}
??????? //将json对象转换成java对象
??????? UserBean userBean1 = JSON.parseObject("{\"useraddress\":\"西安\",\"userid\":1,\"username\":\"张三\"}", UserBean.class);
??????? System.out.println(userBean1);
//UserBean{userid=1, username='张三', useraddress='西安'}
??? }
}