jQuery 在按钮单击时执行 php 脚本并分析结果？

Question

任务：单击按钮时 - 它禁用按钮，执行 PHP 脚本。根据 PHP 脚本返回的值 - 我想执行两个操作之一！

1）如果php返回“OK”，我想简单地重新加载当前页面；

2）如果php返回“NOTOK:NotOkText”，我想用NotOkText填充#updateresult div，重新启用按钮。

<button id="updatebutton" onclick="update_btn_click('params');">Execute PHP</button>

这是我目前拥有的 jQuery。显然，它离做我想要的还差得很远。它只是使用 php 的输出加载 DIV，甚至在加载完成时都不会等待（PHP 将尝试从另一台服务器获取数据，这将需要一些时间） - 它会立即重新启用按钮。

function update_btn_click(param) {

$('#updatebutton').prop("disabled",true);
$('#updatebutton').text("Processing...");


$("#updateresult").load("/update.php");

//how to wait for result and analyse what has been returned?

//act upon result   

$('#updatebutton').removeAttr('disabled');}

Answer 1

function update_btn_click(param) {
    $('#updatebutton').prop("disabled",true);
    $.ajax({
        url:"update.php",
        type:"post",
        success: function(response){
            if(response=='Ok') {
                location.reload();
            } else {
                $("#updateresult").html('error');
                $('#updatebutton').prop("disabled",false);
            }
        },
        error: function(response){
            console.log('could not fetch data');
        },
        complete: function(response){
            // hide loading
        }
    });
}

在 update.php 中

if(action) {
    echo 'Ok';
} else {
    echo 'error';
}