javascript - Jquery多次附加html文件并传递参数

Question

当我尝试将 html 代码与 js 文件分离时遇到问题。 我想从 tr 标签创建 html 文件，但我不知道如何将值从 js 文件传递​​到 html 文件。然后，js文件会多次调用append html。 你有什么建议吗？ 预先感谢您

function myusr_lst_get(myData, txtSts, rslt){
    try {
        var myData = null;
        var ret = JSON.parse(rslt.responseText);
        if( ret.ret != null && ret.ret == true) {
            var myData = null;
            if( ret.ret_msg != null ) {
                myData = ret.ret_msg;
            }
            if( myData != null && myData.length > 0 ) {
                for(var i = 0; i < myData.length; i++) {
                    $('#lst_tblbody').append('<tr><td>'+ myData[i].user_name +'</td><td><a href="javascript:void(0)" onclick="if(confirm(\'Do you want to delete? \')){user_delete(\''+ myData[i].user_name +'\');} else { return false;};"><img width="90" height="35" alt="CLICK" src="./img/com/btn_del.png"></a></td></tr>');
                }
            }
        } else {
        alert("Error\n(" + ret.err_msg + ")");
        }
    } catch( e ){
    }
}

Answer 1

Append 在传递参数时添加每个元素，但每个 '' 都是一个参数。

请尝试使用after事件。 之后接受多个数据

function myusr_lst_get(myData, txtSts, rslt){
    try {
        var myData = null;
        var ret = JSON.parse(rslt.responseText);
        if( ret.ret != null && ret.ret == true) {
            var myData = null;
            if( ret.ret_msg != null ) {
                myData = ret.ret_msg;
            }
            if( myData != null && myData.length > 0 ) {
                for(var i = 0; i < myData.length; i++) {
                    $('#lst_tblbody').after('<tr><td>'+ myData[i].user_name +'</td><td><a href="javascript:void(0)" onclick="if(confirm(\'Do you want to delete? \')){user_delete(\''+ myData[i].user_name +'\');} else { return false;};"><img width="90" height="35" alt="CLICK" src="./img/com/btn_del.png"></a></td></tr>');
                }
            }
        } else {
        alert("Error\n(" + ret.err_msg + ")");
        }
    } catch( e ){
    }
}