Javascript 在引导模式内的laravel中提交表单
我想在laravel中提交一份表格,表格在引导模式中。 该表单是一个更新表单,我从视图(表)中获取更新的参数(id),然后使用数据id将其传递给modal,但我不知道如何在modal中的操作表单中获取它,我尝试了jQuery,但仍然出错 视图:Javascript 在引导模式内的laravel中提交表单,javascript,php,jquery,twitter-bootstrap,laravel,Javascript,Php,Jquery,Twitter Bootstrap,Laravel,我想在laravel中提交一份表格,表格在引导模式中。 该表单是一个更新表单,我从视图(表)中获取更新的参数(id),然后使用数据id将其传递给modal,但我不知道如何在modal中的操作表单中获取它,我尝试了jQuery,但仍然出错 视图: @foreach (App\Model\Users::all() as $users) <tr> <td class="fname_{{ $users->id
@foreach (App\Model\Users::all() as $users)
<tr>
<td class="fname_{{ $users->id_user }}">{{ $users->nama_depan }}</td>
<td class="lname_{{ $users->id_user }}">{{ $users->nama_belakang }}</td>
<td class="emali_{{ $users->id_user }}">{{ $users->email_user }}</td>
<td class="nohp_{{ $users->id_user }}">{{ $users->no_hp }}</td>
<td>
<a href="#" data-target="#modaledit" data-toggle="modal" data-id="{{ $users->id_user }}"><i class="fa fa-pencil"></i></a>
<a href="#" data-href="{{ route('delete-user', $users->id_user) }}" data-toggle="modal" data-target="#modaldelete"><i class="fa fa-trash-o" style="margin-left:10px"></i></a>
</td>
</tr>
@endforeach
路线:
Route::resource('allusers','AllUsersController');
控制器:
public function update(Request $request, $id_user)
{
//
$users = \App\Model\Users::findOrFail($id_user);
//$users->update($request->all());
$users->email_user = Input::get('InputEmail');
$users->nama_depan = Input::get('InputFname');
$users->nama_belakang = Input::get('InputLname');
$users->no_hp = Input::get('Inputnohp');
$users->save();
return redirect()->route('all-users');
}
您可以直接使用
.data()
获取ID。对于td
的类,无需使用数据进行后期修复,请参阅以下版本:
将{{URL::route('allusers.update','')}
放入表单的操作中,然后
HTML
@foreach (App\Model\Users::all() as $users)
<tr>
<td class="fname">{{ $users->nama_depan }}</td>
<td class="lname">{{ $users->nama_belakang }}</td>
<td class="emali">{{ $users->email_user }}</td>
<td class="nohp">{{ $users->no_hp }}</td>
<td>
<a href="#" data-target="#modaledit" data-toggle="modal" data-id="{{ $users->id_user }}"><i class="fa fa-pencil"></i></a>
<a href="#" data-href="{{ route('delete-user', $users->id_user) }}" data-toggle="modal" data-target="#modaldelete"><i class="fa fa-trash-o" style="margin-left:10px"></i></a>
</td>
</tr>
@endforeach
您可以直接使用
.data()
获取ID。对于td
的类,无需使用数据进行后期修复,请参阅以下版本:
将{{URL::route('allusers.update','')}
放入表单的操作中,然后
HTML
@foreach (App\Model\Users::all() as $users)
<tr>
<td class="fname">{{ $users->nama_depan }}</td>
<td class="lname">{{ $users->nama_belakang }}</td>
<td class="emali">{{ $users->email_user }}</td>
<td class="nohp">{{ $users->no_hp }}</td>
<td>
<a href="#" data-target="#modaledit" data-toggle="modal" data-id="{{ $users->id_user }}"><i class="fa fa-pencil"></i></a>
<a href="#" data-href="{{ route('delete-user', $users->id_user) }}" data-toggle="modal" data-target="#modaldelete"><i class="fa fa-trash-o" style="margin-left:10px"></i></a>
</td>
</tr>
@endforeach
你面临的确切问题是什么?我更新了我的答案,我的问题是,如果我的表单在引导模式内,我不知道如何在表单上设置操作,因为我不知道如何将参数(id)获取到模式。你面临的确切问题是什么?我更新了我的答案,我的问题是,如果表单在引导模式内,我不知道如何在表单上设置操作,因为我不知道如何将参数(id)获取到modalthanks以获得答案。但是我在操作页面时遇到了这个错误:使用未定义的常量data_id-假定的“data_id”(视图:C:\xampp\htdocs\testingform\resources\views\all users.blade.php)当我向data_id添加单引号时,我在提交RouteCollection.php第161行中的表单:NotFoundHttpException时遇到了这个错误:@Norlihazmey-ghazino errors,但是数据没有更新,我的url变成:?(url上带有(?)。我在我的问题中添加了我的控制器和路由。在表单标记之间放置
{{method_field('put')}}
,并将方法更改为post inside我在VerifyCsrfToken.php第67行放置并获取:TokenMismatchException:然后,我可以提交表单,但数据没有更改:(感谢您的回答。但是我在操作页面时遇到了这个错误:使用未定义的常量数据\u id-假定为'data\u id'(视图:C:\xampp\htdocs\testingform\resources\views\all users.blade.php)当我向data_id添加单引号时,我在RouteCollection.php第161行提交表单:NotFoundHttpException:@Norlihazmey GhazaliNo errors时出现此错误,但数据未更新,我的url变为:?(url上带有(?)。我在我的问题上添加了我的控制器和路由put{method_field('put')}
在表单标记之间,将方法更改为post in我将其放入VerifyCsrfToken.php第67行,并获取:TokenMismatchException:然后我放入,我可以提交表单,但没有更改数据:(
@foreach (App\Model\Users::all() as $users)
<tr>
<td class="fname">{{ $users->nama_depan }}</td>
<td class="lname">{{ $users->nama_belakang }}</td>
<td class="emali">{{ $users->email_user }}</td>
<td class="nohp">{{ $users->no_hp }}</td>
<td>
<a href="#" data-target="#modaledit" data-toggle="modal" data-id="{{ $users->id_user }}"><i class="fa fa-pencil"></i></a>
<a href="#" data-href="{{ route('delete-user', $users->id_user) }}" data-toggle="modal" data-target="#modaldelete"><i class="fa fa-trash-o" style="margin-left:10px"></i></a>
</td>
</tr>
@endforeach
$('#modaledit').on('show.bs.modal', function(e) {
var $this = $(e.relatedTarget);
var data_id = $this.data('id');
var modal = $('#modaledit');
var parentTr = $this.closest('tr');
var email = parentTr.find('.emali').text();
var fname = parentTr.find('.fname').text();
var lname = parentTr.find('.lname').text();
var nohp = parentTr.find('.nohp').text();
// directly use .val() instead of .attr()
modal.find('#InputEmail').val(email);
modal.find('#InputFname').val(fname);
modal.find('#InputLname').val(lname);
modal.find('#Inputnohp').val(nohp);
modal.find('#formedit').attr('action', function (i,old) {
return old + '/' + data_id;
});
});