Javascript 禁用按钮直到过程完成-Laravel

我有一个页面，用户可以下订单，订单数量增加

是否可以禁用按钮，直到过程完成？i、 e直到订单成功下单

我的客户面临的是，当他们点击下订单按钮时，由于他们的网络不好，流程变得很慢。在不知情的情况下，他们再次单击下订单，假设该过程失败。从长远来看，他们将拥有相同项目的订单（重复项）<代码>001、002、003所有人都有相同的食物，因为他们一直在点击位置按钮

代码

 public function save(Request $request)
 {
    $food = new Food(array(
        'name'  => $request->get('name'),
        'price' => $request->get('price'),
    ));

    return redirect('admin')->with('status','Order successfully placed');
}

---

您可以在使用jQuery单击submit按钮后禁用表单的submit按钮

<script>
$(document).ready(function() {
    $(document).on('submit', 'form', function() {
        $('button').attr('disabled', 'disabled');
    });
});
</script>

$（文档）.ready（函数（）{
$（文档）.on（'submit'，'form'，function（）{
$（'button'）.attr（'disabled'，'disabled'）；
});
});

您可以在使用jQuery单击submit按钮后禁用表单的submit按钮

<script>
$(document).ready(function() {
    $(document).on('submit', 'form', function() {
        $('button').attr('disabled', 'disabled');
    });
});
</script>

$（文档）.ready（函数（）{
$（文档）.on（'submit'，'form'，function（）{
$（'button'）.attr（'disabled'，'disabled'）；
});
});

您如何提交订单？如果您使用的是ajax，那么可以禁用ajax查询之前的按钮，然后在客户端收到响应后再次启用它。你的问题缺少重要的细节和到目前为止你所尝试的源代码。发布提交订单的代码pls@NewToJS，我保存订单的标准方式是在laravel for

store

中，而不是使用ajax。请查收我的账单update@LuisfelipeDejesusMunoz请检查我的更新您可以使用javascript禁用按钮并添加加载图标。您如何提交订单？如果您使用的是ajax，那么可以禁用ajax查询之前的按钮，然后在客户端收到响应后再次启用它。你的问题缺少重要的细节和到目前为止你所尝试的源代码。发布提交订单的代码pls@NewToJS，我保存订单的标准方式是在laravel for

store

中，而不是使用ajax。请查收我的账单update@LuisfelipeDejesusMunoz请检查我的更新你可以用javascript禁用按钮并添加一个加载图标。为什么

jQuery

来完成你写的这么小的任务？您所编写的内容无需包含/加载

jQuery

库即可完成。无需使用jQuery库。您也可以使用javascript。一般来说，jquery现在用于每个网站，这就是我用jquery回答问题的原因。我同意，

jquery

非常常见，但在这个问题中它没有标记，这可能是有原因的。好吧，我没有查看标记。但我认为这对他很有帮助。为什么要写这么一个小任务？您所编写的内容无需包含/加载

jQuery

库即可完成。无需使用jQuery库。您也可以使用javascript。一般来说，jquery现在用于每个网站，这就是我用jquery回答问题的原因。我同意，

jquery

非常常见，但在这个问题中它没有标记，这可能是有原因的。好吧，我没有查看标记。但我认为这对他有帮助。