第一次单击后按钮值不会改变

Question

我有这个按钮，单击它后可以更改数据库中的 boolean。 如果 boolean PausedCMDBUpload = true按钮应该显示 UNPAUSE 如果 boolean 是false ，它应该显示 PAUSE。

该按钮正在按预期更改数据库中的值，但是在第一次单击该按钮后页面将刷新但按钮上的文本保持不变。 再次单击后，文本将更改。

有谁知道为什么按钮上的值在第一次点击后没有改变？ 任何帮助，将不胜感激！

看法

<script>
    function ClickButton1() {
        $.ajax({
            type: "POST",
            url: "@Url.Action("ClickButton1", "Devices")",
            async: true,
            success: function (msg) {
                ServiceSucceeded(msg);
            },
            error: function () {
                return "error";
            }
        });
    }
</script>

@if (@Model.ElementAt(0).PauseCMDBUpload == true)
    {
        <input id="Button1" type="button" value="UNPAUSE" onclick="ClickButton1(); document.location.reload(true)" />
    } 
    else
    {
        <input id="Button1" type="button" value="PAUSE" onclick="ClickButton1(); document.location.reload(true)" />
    }

Controller

[HttpPost]
public void ClickButton1()
{
    var entity = db.Devices;

    foreach (var device in entity)
    {
        if (device.PauseCMDBUpload == false)
        {
            device.PauseCMDBUpload = true;
        }
        else
        {
            device.PauseCMDBUpload = false;
        }
    }
    db.SaveChanges();
}

Answer 1

您可以按如下方式更改代码：

<script>
    function ClickButton1() {
        $.ajax({
            type: "POST",
            url: "@Url.Action("ClickButton1", "Devices")",
            async: true,
            success: function (msg) {
                var btnText = $('#Button1').val();
                if (btnText == "UNPAUSE")
                  $('#Button1').val('PAUSE');
                else
                 $('#Button1').val('UNPAUSE');
                ServiceSucceeded(msg);
            },
            error: function () {
                return "error";
            }
        });
    }
</script>

@if (@Model.ElementAt(0).PauseCMDBUpload == true)
    {
        <input id="Button1" type="button" value="UNPAUSE" onclick="ClickButton1();" />
    } 
    else
    {
        <input id="Button1" type="button" value="PAUSE" onclick="ClickButton1();" />
    }