1. SpringMVC–Ajax异步加载数据

1.1 实体类user

User.java

package com.tian.pojo;import lombok.AllArgsConstructor;
import lombok.Data;
import lombok.NoArgsConstructor;@Data
@AllArgsConstructor
@NoArgsConstructor
public class User {private String name;private int age;private String sex;
}

1.2 获取集合对象，展示到前端页面

AjaxController.java

@RestController
public class AjaxController {@RequestMapping("/a2")public List<User> ajax2() {List<User> list = new ArrayList<User>();list.add(new User("周天骄", 3, "男"));list.add(new User("张有余", 3, "男"));list.add(new User("雷磊", 3, "男"));return list; //由于@RestController注解，将list转成json格式返回}
}

1.3 前端页面

testAjax.jsp

<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head><title>Title</title>
</head>
<body>
<input type="button" id="btn" value="获取数据"/>
<table width="80%" align="center"><tr><td>姓名</td><td>年龄</td><td>性别</td></tr><tbody id="content"></tbody>
</table><script src="${pageContext.request.contextPath}/staticResources/js/jQuery.js"></script>
<script>$(function () {$("#btn").click(function () {$.post("${pageContext.request.contextPath}/a2", function (data) {console.log(data)let html = "";for (let i = 0; i < data.length; i++) {html += "<tr>" +"<td>" + data[i].name + "</td>" +"<td>" + data[i].age + "</td>" +"<td>" + data[i].sex + "</td>" +"</tr>"}$("#content").html(html);});})})
</script>
</body>
</html>

$(function (){ 逻辑代码}) 的意思是让dom结构加载完毕后再去执行逻辑代码

1.4 运行结果：

SpringMVC--Ajax异步加载数据$(function (){ 逻辑代码}) 的意思是让dom结构加载完毕后再去执行逻辑代码相关推荐

JavaScript--JQuery事件当网页元素加载完成后再去执行事件
1. JQuery事件 JQuery帮助文档: 这里的selector都是CSS选择器的语法 CSS选择器示例1 弹出提示框: <!DOCTYPE html> <html lang ...
jQuery：等页面DOM加载完毕后再执行代码
等着页面DOM加载完毕后再执行代码第一种方式(比较麻烦,不常用): $(document).ready(function(){ - }) 第二种方式(常用): $(function(){ - }) ...
当前线程运行完毕，再运行后续逻辑
一.问题描述在程序设计中,可能存在这样的情景:主线程中存在一个子线程,子线程需要在执行完毕后为后续代码逻辑提供参数.但在代码执行时,子进程还没执行完毕,后续的代码已经开始执行了,这时候就会出现参数为 ...
docker启动后自动退出_Spring Boot项目启动后如何自动执行逻辑
1. 前言不知道你有没有接到这种需求,项目启动后立马执行一些逻辑.比如简单的缓存预热,或者上线后的广播之类等等.如果你使用 Spring Boot 框架的话就可以借助其提供的接口CommandLin ...
ajax 前端怎么处理数据,如何使用ajax异步处理JSon数据
基于jQuery的ajax数据库异步处理,网上有很多教程,今天再次分享这个话题,算是抛砖引玉,不了解的童鞋可以来学习下. 先我们来看一个官方的实例使用 ajax请求来获得 JSON 数据,并输出结果 ...
在PictureBox加载图片时，显示等待，加载完毕后再显示真正的图片
void Button1Click(object sender, EventArgs e) { //图片异步加载完成后的处理事件 pictureBox1.LoadCompleted += new As ...
WebBrowser加载完毕后再往下执行
System.Threading.AutoResetEvent obj = new System.Threading.AutoResetEvent(false); void webBrows ...
异步执性两个线程，两个线程执行完毕后再进行其他操作
如果想要快速高效地实现上述需求,可以考虑用队列组 dispatch_group_t group = dispatch_group_create(); dispatch_group_async(gro ...
ajax异步加载延时问题,关于js延迟加载（异步操作）的方式
一.概述最近重新开始学习js,在第一章的一个小节里写到了"脚本调用策略",书上写的这部分不多,但是发现在我之前的(笔)面试中,问到的频率还是比较高的.自己一直习惯于直接把所有js ...

SpringMVC--Ajax异步加载数据$(function (){ 逻辑代码}) 的意思是让dom结构加载完毕后再去执行逻辑代码

1. SpringMVC–Ajax异步加载数据

1.1 实体类user

1.2 获取集合对象，展示到前端页面

1.3 前端页面

1.4 运行结果：

SpringMVC--Ajax异步加载数据$(function (){ 逻辑代码}) 的意思是让dom结构加载完毕后再去执行逻辑代码相关推荐

最新文章

热门文章