Javascript 如何从另一页更改按钮的状态？

我在一个有严格规范的网站上工作。我很想知道我正在努力实现的目标是否可能，如果可能，如何实现

我有一个显示产品列表的页面，每个页面旁边都有一个名为

Reserve

的按钮。我从MySQL数据库获取信息。代码如下（不是实际代码）：

现在，我的实际问题是：是否可以单击

Reserve

按钮，不刷新页面，但仍将按钮更改为禁用状态？我认为应该从

reserve.php

中执行禁用操作，因此问题的标题是

---

如果没有，请告诉我。我试图实现的是，当用户向下滚动产品页面并单击

Reserve

，我希望该按钮被禁用。我不介意刷新本身，但我介意的是，当刷新发生时，用户被发送回页面的开头，如果他想保留另一个产品，则必须再次向下滚动。

尝试

ajax

。。。可能的解决方案是在不刷新页面的情况下更新db中的值

<input type='button' name='reserve' onclick='return doReserve(your_primary_key)' value='reserve' />

现在创建一个php文件

ajax\u reserve.php

然后把你的数据库更新代码放在那个文件里

$update= 'your update check variable i.e true or false';
if($update)
{
    echo 'ok';
}
else
{
    echo 'error';
}

---

如果需要进一步帮助，请告诉我

您似乎真的需要javascript？Ajax发送表单，然后只设置按钮的disabled属性。使用jquery或Javascript，如何在不刷新页面的情况下设置按钮的disabled属性？请检查此项，如果您希望在按键时禁用按钮，@Zeeshan，当我单击按钮时，我希望它变为禁用并首先执行操作，谢谢你的回答！我尝试了你的建议，但Ajax函数似乎没有被调用（我在标题后添加了一个警报）。你知道为什么会这样吗？据我所知，该函数应该放在html文档的

标题
部分，在
标记之间。@Florina yes。。应该在
标记中。。。并将此功能放在页面末尾的
标记之前。。
<input type='button' name='reserve' onclick='return doReserve(your_primary_key)' value='reserve' />

function doReserve(id)
    var data= {id: id};
            $.ajax({
                url: "ajax_reserve.php",
                data: data,
                type: "GET",
                success: function(html) {
                     if(html=='ok')
                    {
                         $('#reserve').prop('disabled', true);
                    }
                    else
                    {
                      alert('There was some error')
                    }
                }
            });
         }

$update= 'your update check variable i.e true or false';
if($update)
{
    echo 'ok';
}
else
{
    echo 'error';
}