AJAX与后端用户交互

概念

ajax能够动态的更新数据，而不刷新页面，这体现了他的异步性，再次能实现在线人数定时查询数据库

以下是springboot + ajax 更新在线人数

<script src="/webjars/jquery/3.5.1/jquery.min.js"></script>//jq包导入
<script>
    var num1=0;
    setInterval(update,4000);
    function update(){
           $.ajax({
          //请求地址
               url: '/auto'，
          //请求方式
               type: 'get',
               async: false,//false代表只有在等待ajax执行完毕后才执行
              //这里可以写个data: {json格式}将会传给后端，当然后端也要json接收，其实创实体类就行
               dataType: 'json',//请求数据返回的格式
               success:function(data){//成功返回调用 data是后端返回的数据
                console.log(data);
               },
           });
}
</script>

@RestController//这里要用的是RequestBody当然@RestController里面有包含
public class mapper {
    @Autowired
    jdbc jdbc ;//这里用到jdbc这是测试
    @RequestMapping("/auto")//auto请求
    public data index() throws SQLException, IOException {
        int num = jdbc.return_num();
        data data = new data();//创建的一个实体类，很见简单就一个num属性，自动转化json
        data.setNum(num);

        return data;
    }
}