显示ajax的响应不起作用

时间:2017-01-18 10:35:49

标签: javascript jquery ajax

您好我正在尝试用新的 td 替换表格> tr-> td 我试过这样但是它没有用。

<table id="job1">
  <tr><td></td></tr>
  <tr id="Jobstatus1"> 
    <td>Accept</td>
    <td>Reject</td>
  <tr> 
</table>


<table id="job2">
  <tr><td></td></tr>
  <tr id="Jobstatus2"> 
    <td>Accept</td>
    <td>Reject</td>
  <tr> 
</table>

我正在显示这样的回复:

$response['jobStatus'] = 
'<td class="textcenter" colspan="2" style="color:green;" > Accepted The Above Job </td>';

这就是我在ajax响应中尝试的内容:

if (response["success"] == true){
$("#Jobstatus"+jobId).remove();  //in here jobId will come as 1,2....
$("#Jobstatus"+jobId).append($response['jobStatus']);

2 个答案:

答案 0 :(得分:4)

.remove()方法会移除元素,因此append()无法找到它,您应该使用.htmt('').empty()而不是删除。

替换:

$("#Jobstatus"+jobId).remove();

通过:

$("#Jobstatus"+jobId).html('');
//Or
$("#Jobstatus"+jobId).empty();

希望这有帮助。

答案 1 :(得分:1)

您可以使用QueryOption方法将响应值直接注入目标html()元素,替换其中包含的内容:

tr