Форма отправки не работает при обновлении базы данных через всплывающую форму

Question

Форма отправки не работает. когда я нажимаю кнопку обновления во всплывающей форме, страница перезагружается и данные не обновляются

вот сценарий $ (Документ) .off ( 'щелчок', 'updatepro.'); $ (Документ) .он ( 'нажмите' 'updatepro', функция () {

var userid = $(this).data('userid');
var url = baseurl+'/update';
var infoData= {userid:userid,_token:token};
$.post(url,infoData,function(response){

})

});

вот мой контроллер обновление публичной функции (Request $ request, $ id) {

    $user = User:: findorFail($id);

    $user->name = $request->input('name');
    $user->username = $request->input('username');
    $user->email = $request->input('email');
    $user->address = $request->input('address');
    $user->phone = $request->input('phone');
    $user->designation = $request->input('designation');
    $user->deviceid = $request->input('deviceid');
    echo'<pre>';
    print_r($request-all());
    exit;

    $user->save();

}

вот маршрут Route :: post ('/ update', 'GetdataController @ update');

я хочу, чтобы данные отправлялись, и открывалась та же страница, откуда я выбирал данные для обновления

Answer 1

Вы должны попробовать это:

//modal form to show all the required inputs and make one field hidden

<div id="updateFormID" class="modal fade" >
        <div class="modal-dialog box box-default" role="document">
          <div class="modal-content">
            <div class="modal-header">
              <h4 class="modal-title">Edit Bank</h4>
              <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                <span aria-hidden="true">&times;</span>
              </button>
            </div>
            <form class="form-horizontal" action="{{ url('/update') }}" method="post"  role="form">
                    {{ csrf_field() }}
            <div class="modal-body">  
                <div class="form-group" style="margin: 0 10px;">

              <input type="hidden" class="form-control" id="recordid" name="recordid" value="">   

              <label> Name </label><input type="text" class="form-control" id="name" name="fname" value="">
              <label>UserName: </label><select required class="form-control" id="username"  name="userName">    

               <label>Email: </label><select required class="form-control" id="email"  name="email">  


              <label>Address: </label><input type="text" class="form-control" id="address" name="address" value="">

 <label>Phone: </label><input type="text" class="form-control" id="phone" name="phone" value="">



                </div>
            </div>
                <div class="modal-footer">
                    <button type="submit" class="btn btn-success btn-xs">Update</button>
                    <button type="button" class="btn btn-secondary btn-xs" data-dismiss="modal">Cancel</button>
                </div>

                </form>
            </div>

          </div>
        </div>


//link on your view to trigger popup the modal. this link displays record gotten from db
<a onclick="updateForm('{{$record->userid}}','{{$record->name}}','{{$record->username}}','{{$record->email}}','{{$record->address}}','{{$record->phone}}')" style="cursor: pointer;"><i class="fa fa-edit"></i>Edit</a>

//javascript function to load modal and assign the record to inputes
function updateForm(r,x,y,z,w,s)
    {
        document.getElementById('recordid').value = r;
        document.getElementById('name').value = x;
        document.getElementById('username').value = y;
        document.getElementById('email').value = z;
        document.getElementById('address').value = w;
        document.getElementById('phone').value = s;


        $("#updateFormID").modal('show')
    }

// ваш контроллер

in your controller you have get the values and save to db

public function Update(Request $request)
{

    $recordid = $request->input('recordid');
    $name = $request->input('name');
    $username = $request->input('username');
    $email = $request->input('email');
    $address = $request->input('address');
    $phone = $request->input('phone');

    $update=DB::table('tbl')->where('id',$recordid )->update(['name' =>$name,'username' =>$username,'email' =>$email,'address'=>$address,'phone'=>$phone]);

  return redirect();


}

//route
 Route::post('/update', 'GetdataController@Update');

Note: make sure to call/import the DB facade on top. this is query builder.
use DB;