jq动态拼接html页面及数据

2501_90213221

于 2025-01-12 15:59:55 发布

阅读量928

点赞数 24

文章标签： html okhttp 前端

本文链接：https://blog.youkuaiyun.com/2501_90213221/article/details/145094059

版权

jQuery.ajax({

url: systemBaseInterface + “/sustainedAdd/findSustainedTemplateList”,

type: “POST”,

cache: false,

async: false,

data: param,

dataType: “json”,

success: function (data, text) {

var list = “”;

for (var i = 0; i < data.data.length; i++) {

if (i == 0) {

list += “<div class=“content”>\n” +

" <div class=“title”>" + data.data[i].content + “<span style=“float: right”>” + ${year !} + “\n” +

" <table class=“content_table”>\n" +

" \n" +

" "

} else {

list += “<div class=“content”>\n” +

" <div class=“title”>" + data.data[i].content + “\n” +

" \n" +

“<table class=“content_table functionalPositionArea”>\n” +

" \n" +

" "

}

jQuery.ajax({

url: systemBaseInterface + “/sustainedAdd/findSustainedTemplateList”,

type: “POST”,

cache: false,

async: false,

data: {“parentCode”: data.data[i].code},

dataType: “json”,

success: function (data, text) {

for (var j = 0; j < data.data.length; j++) {

var content = JSON.parse(htmlDecode(data.data[j].content))

if (content.threeType == “定性”) {

list += " \n" +

" <td class=“content_table_label”>" + content.threeName + “\n” +

" <td colspan=“3”>\n" +

" <div class=“content_table_block content_table_block1”>\n" +

" <div class=“dropdown”>\n" +

" <input name=“” autocomplete=“off” type=“text” data-name=" + content.threeName + " data-code=" + data.data[j].code + " id=“+ data.data[j].code +” data-count=" + data.data[j].isCount + " code=" + data.data[j].code + " class=“dropdown_input normal result” readonly=“readonly” placeholder=“请选择” style=“cursor: auto;”>\n" +

" <img alt=“选择” src=“…/img/dropdown.png” class=“dropdown_img”>\n" +

" <ul class=“dropdown_menu”>"

for (var k = 0; k < content.option.length; k++) {

list += " <li class=“overflow dropdown_menu_li” code=" + k + 1 + “>” + content.option[k].xuanxiang + “\n”

}

list += " \n" +

" \n" +

" "

} else if (content.threeType == “定量”) {

for (var k = 0; k < content.tiaojian.length; k++) {

if (k == 0) {

var kk = k + 1;

list += " \n" +

" <td class=“content_table_label” rowspan=" + content.tiaojian.length + “>” + content.threeName + “\n” +

" \n" +

" <div class=“content_table_block”>\n" +

" <input type=“text” class=“content_table_block_text result result_type3” data-count=" + data.data[j].isCount + " data-code=" + data.data[j].code + " data-name=" + content.threeName + " code=" + data.data[j].code + " id=“value” + data.data[j].code + “_result”>\n" +

" <span class=“unit overflow”>" + content.threeUnit + “\n” +

" \n" +

" <td class=“content_table_label”>" + content.tiaojian[0].condition + “\n” +

" \n" +

" <div class=“content_table_block”>\n" +

" <input type=“text” class=“content_table_block_text condition " + data.data[j].code + “condition" data-name=" + content.threeName + " data-count=" + data.data[j].isCount + " data-code=" + data.data[j].code + " code=" + data.data[j].code +"”+kk +” οnkeyup=‘keyUp(data.data[j].code,JSON.stringify(content.suanfa))’ id=" + data.data[j].code +“_”+kk +“>\n” +

" <span class=“unit overflow”>" + content.tiaojian[0].conditionUnit + “\n” +

" \n" +

" "

} else {

var kk = k + 1;

list += “\n” +

" <td class=“content_table_label”>" + content.tiaojian[k].condition + “\n” +

" \n" +

" <div class=“content_table_block”>\n" +

" <input type=“text” class=“content_table_block_text condition " + data.data[j].code + “condition" data-name=" + content.threeName + " οnkeyup=‘keyUp(" + data.data[j].code + “,” + JSON.stringify(content.suanfa) + ")’ data-code=" + data.data[j].code + " data-count=" + data.data[j].isCount + " code=" + data.data[j].code +"”+kk +” id=" + data.data[j].code +“_”+kk +“>\n” +

" <span class=“unit overflow”>" + content.tiaojian[k].conditionUnit + “\n” +

" \n" +

" "

}

} else {

list += “\n” +

" <td class=“content_table_label”>" + content.threeName + “\n” +

" <td colspan=“3”>\n" +

" <div class=“content_table_block”>\n" +

" <input type=“text” class=“content_table_block_text result” data-name=" + content.threeName + " data-count=" + data.data[j].isCount + " data-code=" + data.data[j].code + " code=" + data.data[j].code + " id=“+ data.data[j].code +”>\n" +

" <span class=“unit overflow”>" + content.threeUnit + “\n”