如何使用 HTML、JavaScript 和 Laravel 插入 2 个动作？

Question

我需要同时设置 2 个功能。我需要将操作重定向到 Laravel 中的路由。并使用 Javascript 的 void 运算符来保持模态页面而不重定向到其他路由。当我尝试解决有关此问题的其他问题时，这会成为一个问题！例如，我假装同时实现了一个看起来像这个功能的代码。  <form method="post" action="javascript:void(0)" >   <form method="post" action="{{ route('myRoute.store') }}">输出应该是我将 post 方法重定向到我想要的具有上述 POST 方法的任何路由。并保持我的模态页面而不重定向到其他页面，就像使用 JavaScript 的 de void 运算符一样。在这种情况下，我不会假装使用 AJAX 请求。我只想使用其他替代方法来创建action="javascript:void(0)"当我的表单使用 Laravel 中的 POST 方法重定向到我的路由时。我该怎么做？

Answer 1

使用 AJAX 完成此操作，{{ route('myRoute.store') }}使用相同的表单数据发送 POST 请求并打开success该 AJAX的模式。Jquery 中一个简单的 ajax 请求如下所示：

$.ajax({

    method:'POST',

    url: '{{ route('myRoute.store') }}', 

    data:{'id':id},

    success: function(result){

        $("#div1").html(result);

    }

});

这里，id 是要提交给请求的 url 的数据示例。