使用Ajax加载数据以在表单中追加行; JSON

时间:2013-03-08 23:37:19

标签: ajax json jquery

好的,我有一个表,用户可以按如下方式添加一行:

// Append New Row To Email Change Form //
$(function () {
var count = 1000;
$('#AddRow').click(function () {
    $('table.subgrid tbody').append('<tr><td><input type="hidden" name="delete[]" value="No">No</td><td><input type="text" name="customernumber[]" id="' + count + '_cust" onChange="ajax_customer_info(' + count + ')" maxlength="6" /></td><td><span id="' + count + '_name"></span></td><td><select name="type[]"><option value="A">ACH</option><option value="C">Credit</option><option value="I">Invoice</option><option value="S">Statement</option></select></td><td><select name="deliverymethod[]"><option value="E">Electronic</option><option value="P">Print</option></select></td><td><input size="40" type="text" class="fieldname" maxlength="50" name="newemailaddress[]" /><input type="hidden" name="oldemailaddress[]" /><input type="hidden" name="companyid[]" value="1" /><input type="hidden" name="action[]" value="add" /></td></tr>');
    count++;
});

});

在此行中,他们可以输入客户编号,通过ajax自动返回客户名称。这是ajax:

function ajax_customer_info(row) {
xmlHttp=GetXmlHttpObject();
if (xmlHttp!=null) {
    var url="/hq/servlet/customerinfo";
    url=url+"?customernumber="+document.getElementById(row+"_cust").value;
    url=url+"&sid="+Math.random();
    xmlHttp.onreadystatechange=function(row) {
        if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete") {
            xmlDoc=xmlHttp.responseXML;
            var data = JSON.parse(xmlHttp.responseText);
            document.getElementById(row+"_name").innerHTML=data.name;
        }
    }
    xmlHttp.open("GET",url,true);
    xmlHttp.send(null);
}
}

问题是这不会填充客户名称。我注意到我删除了这行中的行+

document.getElementById(row+"_name").innerHTML=data.name;

并用say(“name”)替换它,当然将相应的id更改为它所在的附加行中的id。但是,我需要唯一的ID,因为用户可以追加多行。任何人都可以告诉我这里我做错了什么?谢谢!

1 个答案:

答案 0 :(得分:1)

您正在为就绪状态函数的ajax设置参数row,而不是传递给ajax_customer_info的行值。因此,请使用xmlHttp.onreadystatechange=function()代替xmlHttp.onreadystatechange=function(row)