无法从 ajax 将数据传递给 laravel 控制器

Question

我在这个问题上停留了两天。我没有找到任何一位使用 ajax laravel 的专家。我无法从 ajax 向控制器文件发送数据。如果有人请帮助我。我会很高兴的。

这是路线

Route::get('/',"PostController@index");
Route::post('addpost','PostController@addpost');

这是表格

<form>
                {{csrf_field()}}
                    <label for = "title">Title</label>
                    <input type = "text" name = "title"><br>
                    <label for = "body">Body</label>
                    <textarea row= "6" name = "body"></textarea><br>
                    <button class = "btn btn-info" name = "submit" id= "add" type = "submit" value = "submit">Add</button>
         </form>

这里是 jquery 代码。

    <script>
        $(document).ready(function(){
            $("#add_new_post").hide();
            $("#newpost").click(function(){
                $("#add_new_post").show();
                $(this).hide();
            });
            $("form").on('#submit', function(event){
                event.preventDefault();
                $.ajax({
                    type : 'POST',
                    url  : "{{url('/addpost')}}",
                    data :{
                        '_token': $('input[name=_token]').val(),
                        'title': $('input[name = title]').val(),
                        'body' : $('input[name = body]').val(),
                    },
                    success: function(data){
                    alert("Test Completed")
              window.location.href = "{{('/home')}}";
                    },
                });
            });
        });
    </script>

这是控制器代码 DB 没有获取数据。

    public function addpost(Request $request){
    $data=array();
    $data['title'] = $request->title;
    $data['body'] = $request->body;
    Post::insert(array('title'=>$data['title'],'body'=>$data['body']));

}

Answer 1

你的事件是错误的：

$("form").on('#submit', function(event){});

使用：

$("form").on('submit', function(event){});

或 $(document).on('click',"#app",function(e){e.preventDefault();//prevent submit事件}); 或使用

<button type="button"> & $(document).on('click',"#app",function(){});

另外添加：$post->save();控制器端

Answer 2

请使用 $("form").on('submit', function(event){}); 而不是 $("form").on('#submit', function(event){});

Answer 3

更新脚本

on('submit', 还是on('#submit'？应该是on('submit',

 <script>
        $(document).ready(function(){
            $("#add_new_post").hide();
            $("#newpost").click(function(){
                $("#add_new_post").show();
                $(this).hide();
            });
            $(document).on('click', '#add', function(event){
                event.preventDefault();
                $.ajax({
                    type : 'POST',
                    url  : "{{url('/addpost')}}",
                    data :{
                        '_token': $('input[name=_token]').val(),
                        'title': $('input[name = title]').val(),
                        'body' : $('input[name = body]').val(),
                    },
                    success: function(data){
                    alert("Test Completed")
              window.location.href = "{{('/home')}}";
                    },
                });
            });
        });
    </script>

控制器

public function addpost(Request $request){ 
        $post = new Post();
        $post->title = $request->title;
        $post->body = $request->body;
        $post->save();
}