Question

当我尝试从js文件中分离html代码时，我遇到了问题。我想从tr标签创建html文件，但我不知道如何从js文件传递值到html文件。然后，js文件将调用多次附加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活动。 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 ){
    }
}

Answer 2

而不是在for循环中追加tr标签，首先创建html字符串然后追加到元素，这也将提高性能。

var str = '';  
for(var i = 0; i < myData.length; i++) {
str +='<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>';
            }
$('#lst_tblbody').append(str);

Jquery使用传递参数多次附加html文件

2 个答案: