使用 Laravel 5、AJAX 验证 Bootstrap 模态联系表单

Question

无法弄清楚如何使用 Laravel 5 中的 Bootstrap 模式发送联系表。

我想使用 AJAX 这样页面就不会刷新了。

当我在模式中单击发送时，我在控制台日志中收到 500（内部服务器错误）。

AJAX 调用应该是什么样的？路线应该是什么样的？我在控制器中需要什么来获得简单的响应？

很难找到这些东西的例子。

这是我的 AJAX...

$.ajax({
  method: "post",
  url: "/results-guest-card",
  data: str,
  dataType: "json",
  success: function(result) {
    if (response.status == "OK") {
      console.log ('success');//Success!
      $('#guestCardModal').modal('hide');
      $('.modal-send-button').attr("disabled", false);
    } else {
      console.log ('failure');//Fail!
      $(".errors").html(result.errors);
      $('.modal-send-button').attr("disabled", false);
    }
  }
});

Answer 1

我正在写答案，因为它可能会对将来的人有所帮助。

正如 OP 所说，这是一个因为令牌。

它应该通过在表格中添加 csrf_token 来解决。

我怎样才能拥有它？

只需将 CSRF Token 隐藏在您的表单中 csrf_token

像这样

<input type="hidden" name="_token" value="<?php echo csrf_token(); ?>">

你也可以覆盖它，但它非常糟糕因为很少有人真的想这样做

您可以删除 CSRF 令牌

通过在您的 kernal.php 中评论以下内容，但我真的不会推荐它。

'App\Http\Middleware\VerifyCsrfToken',

希望对你有帮助

使用 Laravel 5、AJAX 验证 Bootstrap 模态联系表单

Validate Boostrap modal contact form using Laravel 5, AJAX

ajax

contact-form

twitter-bootstrap

bootstrap-modal

laravel-5