javascript - 使文本框可见，并且在ajax成功时进行其他css更改

function getSearchClients() {
    console.log('Inside searchClient');
    $('#progressbar').show();
    var searchClientPhone = document.getElementById('searchClientCellPhoneNo').value;
    $.ajax({
        type:"POST",
        data: "searchClientPhone=" + searchClientPhone,
        url: "searchClientCellPhoneNo",
        success: function(result){
            $("#progressbar").hide();
            $("#example td").each( function() {
                 var thisCell = $(this);
                 var cellValue = parseInt(thisCell.text());

                 if (!isNaN(cellValue) && (cellValue >= document.getElementById("selectedClientRewardPoints").value)) {
                     thisCell.css("background-color","#FF0000");
                  }
              }
             );

            $("#selectedClientName").show();
            $("#selectedClientRewardPoints").show();
            window.location.reload(true);

        }
    });
}

尽管我已验证控件已转到成功块，但文本框在ajax成功中不可见。

最佳答案

我认为这是由于window.location.reload(true)造成的，为什么您认为要重新加载页面！

据我了解，当页面第二次重新加载时，搜索输入参数变为null/empty，因此在此代码段中var cellValue = parseInt(thisCell.text()); cellValue为null / undefined。

因此，以下两行无法按预期运行

 $("#selectedClientName").show();
 $("#selectedClientRewardPoints").show();