laravelでajaxを使って簡単な非同期通信をしたいのですが、エラーが出て先に進めません。
以下が自分の書いたコードになります。
resources/views/name/index.blade.php
<head> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"> </script> </head> <body> <div class="content"> <h1>名前入力</h1> <br> <form action="/name/create" method="post" class="enter_form"> {{ csrf_field() }} <input type="text" name="name" value="{{old('name')}}" id="enter_textarea"> <input type="submit" id="btn" class="btn btn-primary" value="生成"> </form> </div> <script> $(function(){ $.ajax({ type: 'post', data: {content: $("#enter_textarea").val()}, datatype: 'json', url: '/name/create' }) .done(function(data){ //ajaxの通信に成功した場合 alert("success!"); }) .fail(function(data){ //ajaxの通信に失敗した場合 alert("error!"); }); }); </script> </body>
web.php
Route::get('/name', 'NameController@index'); Route::post('/name/create', 'NameController@post');
app/Http/Controllers/NameController
<?php namespace App\Http\Controllers; use Illuminate\Http\Request; use App\Name; class NameController extends Controller { public function index(Request $request){ return view('name.index'); } public function post(Request $req){ $name = new Name; $form = $req->all(); unset($form['_token']); $name->fill($form)->save(); return view('name.index'); } }
今のところalertでエラーと出ています。jqueryが動いていないわけではなさそうです。
参考にしたのは以下のサイトです。
https://saba.omnioo.com/note/1479/laravel5%E3%81%A7ajax%E3%82%92%E4%BD%BF%E3%81%86/
コメントよろしくおねがいします。
回答3件
あなたの回答
tips
プレビュー