laravel tiada tindak balas dengan ajax - Stack Overflow

Question

@extends('layouts.app')

@section('content')
{{--<p>{{$news}}</p>--}}
<p class="container">
    <p class="col-lg-2"></p>
    <p class="col-lg-8" id="test">
        <p class="form">
            <input type="text" name="title" id="title" class="form-control">
            <textarea name="tcontent" id="tcontent" cols="30" rows="10" class="form-control"></textarea>
            <button id="submit" class="btn-primary">提交</button>
        </p>

        <p id="test1"></p>
    </p>
</p>
<script type="text/javascript">
    $(document).ready(function (){
        $('submit').click(function (){
            var data = {
                title: $('#title').val(),
                tcontent: $('#tcontent').val()
            };
            $.ajax({
                type: "post",
                url: 'news/news',
                data: data,
                dataType: 'json',
                headers: {
                    'X-CSRF-TOKEN': '{{csrf_token()}}'
                },
                success: function(data){
                    console.log(data);
                    var test1 = '<h1> add success</h1>';
                    console.log(test1);
                    $('#test').append(test1);
                },
                error: function (data){
                    console.log(data);
                    var test1 = '<h1>add faild</h1>';
                    console.log(test1);
                    $('#test').append(test1);
                }
            });
        });
    });
</script>
@endsection

    public function store(Request $request)
    {
        $user = Auth::user();
        $this->validate($request,[
            'title'=>'required',
            'tcontent'=>'required'
        ]);

        $news = new News();
        $news->title = $request->get('title');
        $news->content = $request->get('tcontent');
        $news->author = $user->name;
        $news->save();

        return $news;
    }

Auth::routes();

Route::get('/','HomeController@index')->name('home.page');

Route::group(['prefix'=>'back'], function (){
    Route::resource('/news/news','News\NewsController');
    Route::group(['prefix'=>'commodity', 'namespace'=>'commodity'], function (){
        Route::resource('/classify','ClassifyController');
        Route::resource('/commodity','CommodityController');
    });
});

Kod adalah seperti di atas, tiada apa yang berlaku apabila mengklik butang hantar, dan tiada rekod dimasukkan ke dalam pangkalan data juga telah diperkenalkan dalam pengepala halaman induk. Saya benar-benar tidak tahu apa yang salah. Tolong kami jawab

Answer 1

Masalah telah diselesaikan
1.$('submit') tiada # nombor dan tidak boleh diambil semula. Ia sepatutnya $('#submit')
2.url should be /back/news/news

.

Answer 2

URL salah.
Selain itu, buka console.log dan semak laporan ralat dan anda akan dapat menyelesaikannya.

Answer 3

Seharusnya js tidak memperoleh objek yang diklik atau diserahkan. Apabila menghadapi masalah ajax, anda biasanya perlu menyemak konsol dan rangkaian untuk menganalisis sama ada terdapat permintaan rangkaian, serta maklumat permintaan dan tindak balas.