项目场景：

利用ajax实现增删改查

问题描述：

ajax编写前台的时候，列表显示部分，表格显示不出来，但是可以获取到数据
list界面代码：

<head><title>书籍列表</title><script type="text/javascript">$(function () {getInfo();})function getInfo() {$.ajax({url:"<%=path%>/book/getInfo",type:"post",dataType:"json",data:$("#form_list").serialize(),success:function (page) {var data = page.list;var table = "";table += "<table border='1px' width='100%'>";table += "<tr>";table +="<td><input type='button' value='反选' οnclick='reverse()'></td>";table += "<td>书籍ID</td>";table += "<td>书籍名称</td>";table += "<td>价格</td>";table += "<td>出版日期</td>";table += "<td>图片</td>";table += "<td>书籍简介</td>";table += "<td>操作</td>";table += "</tr>"for(var i = 0 ; i < data.length; i++){table += "<tr>";table += "<td><input type='checkbox' name='box' value='" + data[i].bid +" ' /> + "</td>";table += "<td>" + data[i].bid + "</td>";table += "<td>" + data[i].bname + "</td>";table += "<td>" + data[i].bprice + "</td>";table += "<td>" + data[i].bdate  + "</td>";table += "<td>" + data[i].bsrc + "</td>";table += "<td>书籍简介</td>";table += "<td>" +"<a href='<%=path%>/book/updateById/" + data[i].bid + "'>修改</a> || " +"<a href='<%=path%>/book/deleteById/" + data[i].bid + "'>删除</a>" +"</td>";table += "</tr>"}table += "</table>";//循环将数据放入div$("#div_id").html(table);install_page(page);},error:function (result) {console.log(result);alert("网络异常");}})}function toAdd() {location.href="<%=path%>/book/toAdd";}</script>
</head>
<body>
<form id="form_list"><%--增删改模糊查询的按钮--%>书名：<input type="text" name="bname" /><input type="button" value="搜索" onclick="getInfo()"><br><input type="button" value="添加" onclick="toAdd()"> ||<input type="button" value="批量删除" onclick="deleteBacth()"><br><%--存放列表--%><div id="div_id"></div><%--引入分页--%><jsp:include page="<%=path%>/common/page.jsp"></jsp:include>
</form>

错误显示：

ajax编写前台的时候，列表显示部分，表格显示不出来，但是可以获取到数据相关推荐

判断ajax获取是否为空,使用paginate方法分页无法判断获取的数据是否为空
问题:使用paginate方法分页无法判断获取的数据是否为空,在模板里面无法判断数据是否为空,比如在商品列表当中,当没有商品时无法判断生成的对象为空,所有就什么都不显示了. 解决办法: $newsDa ...
使用SpringBoot编写电脑商城项目笔记（每一步都详细记录，前后端数据交互使用html+ajax+json）
项目环境 JDK1.8 Maven3.8.3 Tomcat9.0.54 Mysql8.0 技术栈:springboot+mybatis+mysql+html+javascript+css+json+j ...
【京东账户】——Mysql/PHP/Ajax爬坑之产品列表显示
[京东账户]--Mysql/PHP/Ajax爬坑之产品列表显示一.引言实现京东的账户项目,功能模块之一,产品列表显示.要用到的是Apach环境,Mysql.PHP以及Ajax. 二.依据功能创建库 ...
JavaScript学习笔记（五）---cookie、Proxy、服务器、PHP语言、http协议、同步异步、事件轮循机制、ajax编写、接口
JavaScript学习笔记(五)---cookie.Proxy.服务器.PHP语言.http协议.同步异步.事件轮循机制.ajax编写.接口 1.cookie 1.1cookie概念 1.2cook ...
AngularJS学习笔记（3）——通过Ajax获取JSON数据
通过Ajax获取JSON数据以我之前写的与用户交互的动态清单列表为例,使用JSON前todo.html代码如下: <!DOCTYPE html> <html ng-app=&quo ...
ajax获取json数据为undefined--原因解析
解决办法:var dataObj=eval("("+data+")");//转换为json对象问题: 1. 碰到一个问题ajax成功获取json数据后,取值显 ...
ajax异步获取右侧html,Ajax异步获取html数据中包含js方法无效的解决方法
Ajax异步获取html数据中包含js方法无效的解决方法页面上使用js写了一个获取后台数据的方法 function data() { var tab = $("#dic") $. ...
vue绑定后台数据ajax,vueJS 获取后台数据绑定data
//vue 环境安装 http://blog.csdn.net/u013182762/article/details/53021374 一开始使用安装环境配置一些东西 ,后来发现太麻烦了 . 直接C ...
通过ajax获取的数据怎怎么在html上,Ajax获取数据然后显示在页面的实现方法
主要功能流程介绍循环获取列表数据点击列表数据进入详情页点击报名参加弹出报名成功提示框点击提示框中的确定按钮,跳回列表页代码实现流程和解说 1.访问链接list.PHP时判断是pc端还是客户端 ...

ajax编写前台的时候，列表显示部分，表格显示不出来，但是可以获取到数据

项目场景：

问题描述：

错误显示：

ajax编写前台的时候，列表显示部分，表格显示不出来，但是可以获取到数据相关推荐

最新文章

热门文章