Ajax和Json

Ajax和Json

需要掌握的知识

  • SpringMvc
    • Controller
    • springmvc配置文件
    • web.xml
  • JavaScript
    • 引入函数JavaScript，
    • 函数
  • 选择器
    • 标签选择器
    • 类选择器 .
    • id选择器 #
  • jQuery公式
    • $(选择器).事件(事件函数);
    • $(selector).action()；

Web 1.0时代

早期网站，登录，如果失败，需要刷新页面才能重新登录

现在大多数的网站都是局部刷新，不刷新整个页面的情况下，实现页面刷新

然后到了web2.0时代，最重要的一个因素就是ajax，

JSON

前后端分离，数据交互变得异常重要，JSON就是王者！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script type="text/javascript">//可以不加 ，默认是JavaScript
    //编写一个对象
    var user = {
        name:'jiajia',
        age:3,
        sex:'男'
    }
    //输出一个对象
    console.log(user);
    //将js对象转换为json对象
    var str = JSON.stringify(user);
    console.log(str);//{"name":"jiajia","age":3,"sex":"男"}
    var obj = JSON.parse(str);
    console.log(obj);
</script>
</body>
</html>

Ajax

使用jQuery需要导入jQuery，使用Vue就导入Vue

三步曲：

  1. 编写对应处理的后台代码，返回消息或者字符串或者json格式的数据；
  2. 编写Ajax请求（一般用$.post）
    1. url（后台请求的位置）
    2. data（键值对）
    3. success（回调函数）
  3. 给Ajax绑定事件，点击（click），失去焦点（onblur），键盘弹起（keyup）
posted @ 2022-04-03 21:38  闫池  阅读(157)  评论(0)    收藏  举报