Ajax获取数据后append追加到表格内出现格式混乱的错误

Ajax获取数据后append追加到表格内出现追加的数据与表格风格不同的错误:

$("#courierTable").append("<tr style=‘text-align: center‘> class=‘tab-content‘")
$("#courierTable").append("<tr style=‘text-align: center‘> class=‘tab-content‘")
$("#courierTable").append("<td style=‘text-align: center‘>"+obj[i].staffId+"</td>")
$("#courierTable").append("<td>"+obj[i].name+"</td>")
$("#courierTable").append("<td>"+obj[i].comapny+"</td>")
$("#courierTable").append("<td>"+obj[i].registerDate+"</td>")
$("#courierTable").append("<td>asdads</td>")
$("#courierTable").append("</tr>")
$("#courierTable").append(content)

出现的格式为:

原因是因为append函数要求必须是闭合的完整的标签,不能先输出一个tr,再输出几个td最后关闭tr。改正后的如下:

content = "<tr style=‘text-align: center‘> class=‘tab-content‘"+
"<td style=‘text-align: center‘>"+obj[i].staffId+"</td>"+
"<td>"+obj[i].name+"</td>"+
"<td>"+obj[i].comapny+"</td>"+
"<td>"+obj[i].registerDate+"</td>"+
"<td>asdads</td>"+
"</tr>";
$("#courierTable").append(content)

效果如下:

时间: 2024-10-07 01:28:33

Ajax获取数据后append追加到表格内出现格式混乱的错误的相关文章

ajax获取数据后怎么去渲染到页面?

关于,这个问题呢!一直没有在网上找到一个合适答案(可能这问题比较傻,嘿嘿).今天把自己常用几种方式说下: 第一种: 比较常见的就是直接把字符串拼接,然后插入到元素中. var html='<li>' + data.num + '</li><li>' + data.floor + '</li><li>' + data.name + '</li><li>' + data.money + '</li>'; elem.

vue 中使用 AJAX获取数据的方法

在VUE开发时,数据可以使用jquery和vue-resource来获取数据.在获取数据时,一定需要给一个数据初始值. 看下例: <script type="text/javascript"> new Vue({ el:'#app', data:{data:""}, created:function(){ var url="json.jsp"; var _self=this; $.get(url,function(data){ _se

select2的使用(ajax获取数据)

最近项目中用到了select2来做下拉框,数据都是通过ajax从后台获取, 支持动态搜索等. 使用到的下拉框分有两种情况: 一种是直接发送ajax请求渲染列表:另一种因为查询回的数据有六万多条,导致整个页面卡顿,所以采用的是先让用户至少输入3个字以后再动态模糊查询数据. 基本的使用方法看官方文档就可以明白,但是在做模糊查询的时候遇到了一些问题,在此记录一下. 第一种情况的下拉框,先是封装了函数获取数据,并拼接了列表模版,然后设置templateSelection即可. function getP

jquery通过ajax获取数据,控制显示的数据条数

效果图: 现在我们可以先看它的json数据,如图所示:                然后可以对应我们的代码进行理解. jquery通过ajax获取数据,并通过窗口大小控制显示的数据条数,以及可以根据需求隐掉列数据. <!doctype html> <html> <head> <meta charset="utf-8"> <title>无标题文档</title> <style> html,body {

用Nodejs+Express搭建web,nodejs路由和Ajax传数据并返回状态,nodejs+mysql通过ajax获取数据并写入数据库

小编自学Nodejs,看了好多文章发现都不全,而且好多都是一模一样的 当然了,这只是基础的demo,经供参考,但是相信也会有收获 今天的内容是用Nodejs+Express搭建基本的web,然后呢nodejs路由和Ajax之间的数据传输,也就是表单提交,然后在用nodejs把数据写入mysql数据库 用到的东西比较多,但是还是很有趣的 1.安装node.js 安装node.js,直接去官网下载然后根据需求点击下一步就好了 Node.js安装包及源码下载地址为:https://nodejs.org

Ajax 获取数据代码

无刷新获取字符串: Html网页中: <script> //定义异步对象 var xmlHttp; //封装方法 function CreateXMLHTTP() {   try {            xmlHttp = new XMLHttpRequest();        } catch (e) {  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");      } } window.onload = functio

AJAX获取数据成功后的返回数据如何声明成全局变量

var result=""; $.ajax({ type: "post", url: "../reportRule/main.do?method=selectReportToAdd", data:{}, success: function(msg){ result = msg; alert(result );\\有数据 } }); alert(result)\\无数据 原因: ajax是异步请求,即javascript是非阻塞运行的,在$.aja

JQuery Ajax 获取数据

前台页面:   对一张进行查询,删除,添加 <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <script src=

从BUG工具redmine上获取数据后借助python模块pycha 画出BUG分析类报表,利用xlsxwriter

#__author__ = 'xu.duan' # -*- coding: utf-8 -*- ####################################################################### # import xlsxwriter,time,datetime from redmine import Redmine from functools import reduce import sys import os import os.path imp