Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如果状态为0,则使用php显示还原按钮或删除按钮_Javascript_Php_Jquery_Ajax - Fatal编程技术网

Javascript 如果状态为0,则使用php显示还原按钮或删除按钮

Javascript 如果状态为0,则使用php显示还原按钮或删除按钮,javascript,php,jquery,ajax,Javascript,Php,Jquery,Ajax,我有一个按钮叫做删除。若管理员点击删除按钮,那个么记录将在数据库中更新,按钮将更改为还原,反之亦然。或者,如果状态为0,则显示还原按钮。我需要知道我应该在哪里使用如果条件。我可以更新记录,但当我刷新页面时,“还原”按钮变为“删除”。你能帮我吗?我想进行删除和恢复过程 <button type="submit" class="register-button" class="btn">Delete</button> <script type="text/

我有一个按钮叫做删除。若管理员点击删除按钮,那个么记录将在数据库中更新,按钮将更改为还原,反之亦然。或者,如果状态为0,则显示还原按钮。我需要知道我应该在哪里使用如果条件。我可以更新记录,但当我刷新页面时,“还原”按钮变为“删除”。你能帮我吗?我想进行删除和恢复过程

    <button type="submit" class="register-button" class="btn">Delete</button>
    <script type="text/javascript">
    $(".register-button").click(function () 
{
        var thisButton = this;
        var id=1;

        $.ajax({
             type: "get",
            url: "process.php?function=b_delete&record_id=id",
            data: {
                record_id:id
            },
        }).
        success(function(){
            console.log("done");
            $(thisButton).html("Restore");

        });
});
</script>
删除
$(“.register按钮”)。单击(函数()
{
var thisButton=this;
var-id=1;
$.ajax({
键入:“获取”,
url:“process.php?function=b_delete&record_id=id”,
数据:{
记录id:id
},
}).
成功(功能(){
控制台日志(“完成”);
$(thisButton.html(“还原”);
});
});

当然,它会变回delete,因为它只是像您第一次打开页面时那样呈现页面。要使其保留名称的状态,需要PHP帮助。解决方案是,在初始呈现页面上,从数据库中获取数据,并在视图页面上执行一些条件逻辑,以显示特定的按钮或名称。另一种解决方案是,您可以将当前状态存储到web
localStorage
,对于初始页面加载,只需使用javascript在web
localStorage
中检索该项即可。有了这个,您可以再次使用一些逻辑来定义按钮上的特定名称


还有一件事,永远不要仅仅通过单击来更改按钮的名称,因为这可能会导致问题。您应该使用从服务器端接收的
数据
在ajax
success
回调中更改按钮的名称。换句话说,在服务器端,当ajax请求
GET
方法并对数据库执行插入/更新操作时,您需要发送db操作的结果状态success或failed。如果成功,请随意更改按钮名称。

感谢您重播Ghazali先生,我更新了更改按钮的ajax代码。我不明白第一段。你能帮我举个例子吗?