javascript - 在 Ajax 完成功能后更改 div html 内容

Question

我有以下 div:

<div class="progress" id="progress-bar"></div>

以下带有 ajax 调用的 javascript 确实返回 0 作为数据。但是，当我将代码放在 ajax 调用的 .done 部分时，它不会将 html 内容添加到 div。当我将该代码放在 javascript 的开头时，进度条显示为填充了 45%。

$("#ipaddress_form").submit(function(e) {           
    var ipjs = $("#input_ipaddress").val();
    var hostjs = $("#input_hostname").val();
    var commjs = $("#input_comms").val();

    $.ajax({
        url: "include/handlingJS.inc.php",
        type: "POST",
        data: {
            "ipjs": ipjs,
            "hostjs": hostjs,
            "commjs": commjs    
        }

    }).done(function(data) {
        alert(data);
        if(data == 0) {
            bar = $('#progress-bar');
            bar.html('<div class="progress-bar progress-bar-striped active"  role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%"><span class="sr-only">45% Complete</span></div>');
        }
    });
});

我错过了什么吗？

Answer 1

如果您正在获取警告框中的数据，那么错误可能是

1. 您获取响应数据的格式。它可能不是整数值。

2. 它可能是一个带有空格的字符串。

你可以尝试 data.trim() == '0'