Javascript 在引导模式内的laravel中提交表单

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

我想在laravel中提交一份表格,表格在引导模式中。 该表单是一个更新表单,我从视图(表)中获取更新的参数(id),然后使用数据id将其传递给modal,但我不知道如何在modal中的操作表单中获取它,我尝试了jQuery,但仍然出错

视图:

  @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;
    });

});