js组装网页数据

妖狐艹你老母 2023-09-26 17:19 21阅读 0赞

简介：

很多时候获取后台数据需要拼接到网页上，这里提取一段公用代码，方便后面需要时使用

<script>
        $(function () {
            init();
        });
    
        function init() {
    
            // debugger;
    
            let printDataArr = localStorage.getItem('printDataArr');
    
            console.log("--->printDataArr:" + JSON.stringify(printDataArr));
    
            $.ajax({
                type: "POST",
                dataType: "json",
                contentType: 'application/json;charset=utf-8',
                url: "../../xxxx",
                data: printDataArr,
                success: function (data1) {
                    if (data1.retCode == 0) {
                        appendHtmlData(data1.data);
                    }
                }
            });
    
        }
    
       /**
         * 返回组装好的打印数据
         * @param data
         */
        function appendHtmlData(data) {
            let itemHtmlData = '';
            $.each(data, function (i, item) {
                itemHtmlData += toPackage(item);
            });
            $("#dataBox").append(itemHtmlData);
    
        }
    
        /**
         * 组装单个节点数据
         * @param item
         * @returns {string}
         */
        function toPackage(item) {
    
    
            let htmlData =
                // + generateQrCode("'"+item.documentNum+"'","'"+item.documentNum+"'")
                + '<tr>'
                + '<th>审批日期：</th>'
                + '<td><span id="lbl_apply_date">' + new Date(item.appDate).Format('yyyy-MM-dd') + '</span>'
                + '</td>'
                + '</tr>';
    
            return htmlData;
        }
    
        
        Date.prototype.Format = function (fmt) {
            var o = {
                'M+': this.getMonth() + 1, //月份
                'd+': this.getDate(), //日
                'H+': this.getHours(), //小时
                'm+': this.getMinutes(), //分
                's+': this.getSeconds(), //秒
                'q+': Math.floor((this.getMonth() + 3) / 3), //季度
                S: this.getMilliseconds() //毫秒
            }
            if (/(y+)/.test(fmt)) {
                fmt = fmt.replace(RegExp.$1, (this.getFullYear() + '').substr(4 - RegExp.$1.length))
            }
            for (var k in o) {
                if (new RegExp('(' + k + ')').test(fmt)) {
                    fmt = fmt.replace(RegExp.$1, RegExp.$1.length == 1 ? o[k] : ('00' + o[k]).substr(('' + o[k]).length))
                }
            }
            return fmt
        }
    </script>

发表评论取消回复

表情：

评论列表（有 0 条评论，21人围观）

还没有评论，来说两句吧...

相关阅读

相关 js 常用参数组装代码

简介： js 常用组装代码，js参数组装示例代码： var arrJson = {}; arrJson["paramer1"] = 'str1';

本是古典何须时尚/ 2023年09月26日 17:43/ 0 赞/ 19 阅读

相关 js组装网页数据

简介：很多时候获取后台数据需要拼接到网页上，这里提取一段公用代码，方便后面需要时使用 <script> $(function () {

妖狐艹你老母/ 2023年09月26日 17:19/ 0 赞/ 22 阅读

相关 Java后端组装树形结构数据

项目开发中，几乎无法避免的会遇到树形结构，今天和大家分享java后端如何处理数据为树形结构。 1.封装测试实体类 package com.ldl.cn.demo;

墨蓝/ 2023年05月31日 04:56/ 0 赞/ 12 阅读

相关 3个业务组装成一个数据

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQx

迈不过友情╰/ 2023年01月19日 13:52/ 0 赞/ 13 阅读

相关计算机组装数据例子,计算机组装实验报告测试数据.docx

计算机组装实验报告测试数据计算机组装实验报告　　姓名：　　学号：　　院系：信息工程学院　　班级：计算机科学与技术一班　　实验目的：　　通过学习计算机常用的配件的原理与维护方

╰半橙微兮°/ 2022年10月10日 15:50/ 0 赞/ 125 阅读

相关基于模板动态组装数据

对象的动态构建 import java.util.Iterator; import java.util.Map; import java.util.Set; impo

缺乏、安全感/ 2022年07月12日 13:29/ 0 赞/ 100 阅读

相关内存的数据组装

需求场景：将当前人员可以查看到的列表资源导出为Excel文件导出信息的主体包含了大量的附加数据信息，且这些附加数据信息存储在多个系统中。实现方案方案一：

客官°小女子只卖身不卖艺/ 2022年06月15日 04:15/ 0 赞/ 172 阅读

相关基于模板动态组装数据

对象的动态构建 import java.util.Iterator; import java.util.Map; import java.util.Set; impo

曾经终败给现在/ 2022年04月06日 06:42/ 0 赞/ 130 阅读

相关内存的数据组装

需求场景：将当前人员可以查看到的列表资源导出为Excel文件导出信息的主体包含了大量的附加数据信息，且这些附加数据信息存储在多个系统中。实现方案方案一：

小鱼儿/ 2022年04月06日 06:40/ 0 赞/ 179 阅读

相关将数据组装成json数据

coding: utf-8 import sqlite3 import mysql.connector import mysql im

雨点打透心脏的1/2处/ 2021年11月17日 03:08/ 0 赞/ 400 阅读