如何在不刷新laravel页面的情况下发送数据？

Question

我需要在不刷新页面的情况下将数据发送到数据库。

家用刀片：

 <form class="chat" id="message" action="#" method="post">
    <input type="hidden" name="_token" id="_token" value="{{ csrf_token() }}">
    <li>
        <div class="panel-footer">
            <div class="input-group">
                <input type="text" name="message" class="" placeholder="Type your message here..." />
                <span class="input-group-btn">
                    <button type="submit" class=" btn-success btn-sm searchButton" id="save" >
                    Send
                    </button>
                </span>
            </div>
        </div>
    </li>
</form>

控制器 ：

 public function message(Request $data)
{
    $ins = $data->all();
    unset($ins['_token']);
    $store = DB::table("chatbox")->insert([$ins]);
    return Redirect('Users/home')->with('message',"success");
}

阿贾克斯：

 <script>
$(document).on("click", ".save", function() {
    $.ajax({
        type: "post",
        url: '/Users/message',
        data: $(".message").serialize(),
        success: function(store) {

        },
        error: function() {
        }
    });
});
</script>

目前，当我发送数据时，它会自动刷新整个页面，但只需要刷新特定的表单。

原文由 Hemanth 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您应该将按钮的类型从 submit 更改为 button 如：

 <button type="button" class=" btn-success btn-sm searchButton" id="save" >end</button>

或者使用 e.preventDefault(); 阻止默认操作（ submit ），例如：

 $(document).on("click",".save",function(){
    e.preventDefault(); //Prevent page from submiting
    ...
    ...
});

注意： 另请注意，您没有带有类 save 的按钮，但具有 save 的按钮，因此事件处理程序应如下所示：

 $(document).on("click", "#save", function(){
________________________^

原文由 Zakaria Acharki 发布，翻译遵循 CC BY-SA 3.0 许可协议