【问题标题】:change button text permanent on success ajax form submit在成功的ajax表单提交上永久更改按钮文本
【发布时间】:2021-02-19 10:16:43
【问题描述】:

我想在 laravel 中通过 ajax 调用成功提交页面时永久更改按钮文本。更改文本不是问题,问题是我想更改实时数据表上的文本,其中我的数据每 10 秒后刷新一次,如果我在 Ajax 中更改成功的文本,它可以工作,但是当数据表在 10 秒后刷新时秒按钮更改为它的原始文本。

这是我的 Ajax 调用:

$("#formData").on('submit', function(e) {

    e.preventDefault();

    $.ajax({

      url: "{{ URL::route('update-status-ajax') }}",
      method: 'post',
      data: $('#formData').serialize(),

      success: function(response) {
        $(".modal").modal('hide');
        $('#formData')[0].reset();
        $('#assignBtn').html('Assigned'); //button changes text
        toastr.success("Complaint Updated successfully!");
      },
      error: function(err) {
        console.log(err);
        toastr.danger(err);
      }

    });
  });

即使表格在 10 秒后刷新,我也想永久更改文本。我该怎么办!

提前致谢。

【问题讨论】:

  • 在数据库中存储文本应该是什么的指示符并从那里读取?

标签: jquery ajax laravel-blade laravel-8


【解决方案1】:

您应该将您想要更改的文本的数据发送到您的后端。 f.e.你好你好。因此,您将新值 Hi 发送到您的控制器(我谈论 mvc),并且在成功完成之后,ajax 回调函数可以工作,即使没有刷新,您也会看到 Hi 而不是 Hello,并且在后面您必须说 sql 或您使用的数据库。只需更新数据... f.e. update Student set StudentStatus = 'text you want to send' where Student Id = {} 你必须在前面使用 id 并将它们发送到后面。也许你只有 1 行。但尝试为任意数量的行制作它。所以你发送文本数据和 Id 数据。两者都是你知道的。从您放入的标签内部取出它们。然后将它们接收并插入。您可以为此使用 void 方法。和没有and参数的ajax成功函数。

【讨论】:

  • 为了能够更改按钮值,您必须将值放入数据库中,因此现有值(我的意思是在更改之前)必须来自数据库
  • 感谢您的合作。
猜你喜欢
  • 2015-10-25
  • 2013-05-22
  • 1970-01-01
  • 2014-05-03
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2023-03-24
相关资源
最近更新 更多