Javascript jQuery ajax获取html内容并传递参数

我想将下面代码的append（）中的html内容移动到一个新的.html文件中，然后使用ajax将这些内容追加回我的文件中

这是我的旧代码

for(var i = 0; i < data.length; i++) {
    $('#table_body').append('<tr><td>'+ data[i].variable1 +'</td><td><a href="javascript:void(0)" onclick="callFunctionA(\''+data[i].variable2+'\');"></a></td></tr>');
}

for（变量i=0；i

我想把我的代码改成这样

.js文件：

for(var i = 0; i < data.length; i++) {
     $.ajax({
          url: "table_body.html",
          success  : function(result){ $('#table_body').append(result) }

for（变量i=0；i

.html文件：

<tr>
<td>data[i].variable1</td>
<td>
    <a href="javascript:void(0)" onclick="callFunctionA(\''+data[i].variable2+'\');"></a>
</td>
</tr>

数据[i]。变量1

但如何将动态值传递给数据[I].variable1和数据[I].variable2

---

提前感谢。

编辑：刚刚提出了一个与原始解决方案不同的解决方案。假设您不想从另一端获取参数。现在都是js

<script>
    var data = [{variable1:'row1 td1',variable2:'row1 td2'},{variable1:'row2 td1',variable2:'row2 td2'}];
    for(var i = 0; i < data.length; i++) {
        $.ajax({
            url: "table_body.html",
            indexVal: i,
            success: function(result,i){
                id = this.indexVal;
                res = result.replace("__data1__", data[id].variable1).replace("__data2__", data[id].variable2);
                $('#table_body').append(res);
            }
        });
    }
</script>

---

编辑：刚刚提出了一个不同于原来的解决方案。假设你不想在另一边得到参数。现在都是js

<script>
    var data = [{variable1:'row1 td1',variable2:'row1 td2'},{variable1:'row2 td1',variable2:'row2 td2'}];
    for(var i = 0; i < data.length; i++) {
        $.ajax({
            url: "table_body.html",
            indexVal: i,
            success: function(result,i){
                id = this.indexVal;
                res = result.replace("__data1__", data[id].variable1).replace("__data2__", data[id].variable2);
                $('#table_body').append(res);
            }
        });
    }
</script>