javascript - 更新 td 的值而不需要重新加载页面

Question

当我使用 AJAX 更改某些患者的状态时，我需要更改 <td> 显示的值直接设置为从下拉列表中选择的相同值:

$(document).on('change', '#patient_status ', function()
{
    if(confirm("Are you sure you want to change the status of a patient ?"))
    {
        var pid = $(this).closest('tr').attr('id'); 
        var new_status = $("#patient_status").val();
        $(this).closest('tr').find('#change_status').val(new_status);
        //console.log(pid + " " + new_status);
        $.ajax({
            url: '../php/changeStatus.php',
            type: 'POST',
            dataType: 'TEXT',
            data: {pid: pid, new_status: new_status},
            beforeSend:function(){ 
                $('#wait').show(); 
            },
            success:function(resp){

            },
            error:function(resp){

            },
            complete:function()
            {
                $('#wait').hide(); 
            }
        })
    }
});

下图给出了一个示例，其中我将患者的状态从活跃状态更改为默认状态，数据库中的值已更改，但在屏幕上我需要重新加载页面。

我认为错误在这一行:

$(this).closest('tr').find('#change_status').val(new_status);

html 表单在这里:

<tr id="<?php echo $patient['patient_id']; ?>">
<td id="change_status"><?php echo $patient['patient_status']; ?></td>
<tr>

Answer 1

ajax成功后你可以这样做:

success:function(resp){
$('#td _id').html(change_status_value);// just a demo 
            },