首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >在ajax调用后使用javascript呈现更改变量的html组件

在ajax调用后使用javascript呈现更改变量的html组件
EN

Stack Overflow用户
提问于 2019-01-03 02:20:19
回答 1查看 191关注 0票数 0

我正在使用ajax获取用户数据列表。但是在这个ajax调用之后,我必须向每个用户呈现一个包含许多用户数据的html结构(类似于数据表)。我的疑问是如何以一种实用而优雅的方式“存储”HTML代码,以保持代码的可读性,并允许我插入用户数据。

用组件模板创建一个文件并通过javascript包含它是最好的主意吗?如果是,我该怎么做呢?如果不是,什么是最好的?

我所拥有的:

Ajax调用:

`

$("#list-users").click(function(ev){
    ev.preventDefault();
    $.ajax({
        url     : '/ajax/Users.php',
    type    : 'POST',
    dataType: 'json',
    data    : data,
    success : function(users){
            users.forEach((user, index) => {
                //The problem is here. I'm looking for a way to
                //"store" the html component code to dont need put
                //the code inside a variable. 
                var complexHtml = '...<p>' + user.name + '</p>...';
                $('.list').append(complexHtml);
            })
    })
})

`

EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/54011265

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档