单机事件点击查询按钮然后js动态创建tr和td填充好得到的json数据

lqlovecsdn 2015-09-27 04:18:40

先送上代码：
js代码：function queryUserByAccount(){
//dosomthing
$.ajax({
url:‘’,
datatype:'json',
type:'post',
data:{'username':username, 'requestUrl':requestUrl,'json':json},
cache: false,
success : function(data, textStatus){
var tr;
$.each(data, function(i){
var RCode = data[i].RCode;
var desc = data[i].desc;
if(RCode == "0"){
return true;
}else if(tr != null){
return false;
}else{
tr = tr+ "<tr><td>"+data[i].USER_MOBILE+"</td>"+
"<td>"+data[i].USER_EMAIL+"</td>"+
"<td>"+data[i].USER_NAME+"</td>"+
"<td>"+data[i].REG_DATE+"</td>"+
"<td>"+data[i].ORG_ID+"</td>"+
"<td>"+data[i].MARK+"</td>"+
"<td>"+data[i].EMAIL_MARK+"</td></tr>"
}

});
$("#tabData").append(tr);
},
}
jsp代码：<body>
<table id="quetab" border="0">
<tr>
<td>
帐户名：<input type="text" id="btnUser" class="username" size="20" />
<input type="button" value="开始查询" id="queryUserBtn" onclick="queryUserByAccount()" />
</td>
</tr>
</table>
<table id="tabData" border="1" cellspacing="0" cellspading="0" >
<tr>
<th>用户手机号</th>
<th>用户邮箱</th>
<th>用户姓名</th>
<th>注册日期</th>
<th>所属机构编码</th>
<th>有效标记</th>
<th>邮箱验证标记</th>
</tr>
</table>
</body>
问题：第一个<table>就相当于一个查询的输入框和点击查询的按钮，第二个<table>就是加载出数据的table,
现在问题就是我输入条件后点击查询按钮他会加载出来数据（放在tr的td里面，我只有一条数据），但是我再次点击它还是会给我加载出一个tr和td（重复没有清除），当我把条件换了的时候他还是会在下面继续加载另一个tr和td，上面的没有清除，请问我怎么在js里面处理，至少得清除之前的tr和td，当我一直点击查询的时候，就一直加载出tr和td（本来只有一行的）。谢谢大神帮忙看看，先谢了，js的问题！

...全文