如何用AJAX更新数据库

Question

我想用AJAX和Laravel5.2框架更新数据库表列。我有一个按钮Delier，当我点击该按钮时，它会将一列从Not Shipped更新为Shipped。我还使用sweetAlert插件进行弹出式设计。我找了很多。但我没有找到完美的程序。我试过这样做：

路线：

Route::get('/winner/status/{id}', ['as' => 'winner.status', 'uses' => 'WinnerController@statusUpdate']);

WinnerController：

public function statusUpdate(Request $request, $id)
{
    $winner = Winner::find($id);
    $winner->product_stat = "Shipped";

    $winner->save();
    $request->session()->flash('alert-info', 'Product Status Updated!'); 
    return Redirect::to('admin/winner/detail');
}

视图中的脚本：

$(".action-button").click(function(){    
swal({
  type : 'warning',
  title: 'Submit what you want',
  input: 'text',
  showCancelButton: false,
  confirmButtonText: 'Submit',
  showLoaderOnConfirm: true,
  allowOutsideClick: false

}).then(function (text) {

  $.ajax({
    type: "POST",
    url : '',
    success: function(data){
        swal('Confirmed!','success')
    }

  });
})

});

刀片：

@foreach($dataQrDetails as $dataQr)
    <tr>
        <td> {{  $dataQr->product_name }} </td>
        <td> {{  $dataQr->product_stat }} </td>
        <td> {{  $dataQr->created_at }} </td>
        <td> <a class="btn btn-info btn-xs action-button" href="{{route('winner.status',$dataQr->id)}}">Delier</a></td> 
    </tr>                            
@endforeach

刀片前端：

这是更新栏，但更新后它重定向了另一个页面，它只显示弹出它不需要提交弹出的确认按钮。有办法这么做吗？有人能回答我下面的问题吗？

• 与Laravel一起使用AJAX的最佳程序是什么？
• 更新数据的路由调用是什么？
• 如何定义AJAX url？

Answer 1

这里要做的是，当你加载表单时，我会将用户标识保存在隐藏字段中，当我提交时，也会将其传递给控制器

形式上

<input type="hidden" name="id" value="{{ $id }}">

在AJAX中

$.ajax({
    url: "/update-winner",
    type:'POST',
    data: {_token:_token, id:id, .....},
    success: function(data) {
        if($.isEmptyObject(data.error)){
            swal('Confirmed!',data.success); # or swal('Confirmed!','success')
        }else{
            swal('error!',data.error); # or swal('error!','Errorrrrr')
        }
    }
});

在路线

Route::post('update-winner','HomeController@statusUpdate');

控制器

function statusUpdate()
{

    <!-- if need  -->
    $validator = Validator::make($request->all(), [
        /....
    ]);

    if ($validate->fails())
    {
        return response()->json(['error'=>$validator->errors()->all()]);
    }
    else
    {
        $id = $request->input("id");
        $winner = Winner::find($id);
        $winner->product_stat = "Shipped";

        $winner->save();
        return response()->json(['success'=>'Added new records.']);
    }
}

编辑01

在删除按钮中添加此数据删除=“{id\u fiedld\u name}”

在Ajax中，您可以捕获

var id = ($(this).data('delete'));

Answer 2

许多JavaScript框架也使用“大括号”来表示给定的表达式应该显示在浏览器中

在laravel中传递ajax请求中的变量的最佳方法]

你的路线是

Route::get('testUrl/{id}', 'TestController@getAjax');

ajax请求

<script>
  var Id = <?php echo $id; ?>
    $(function(){
       $('#button').click(function() {
            $.ajax({
                url: 'testUrl/{id}',
                type: 'GET',
                data: { id: Id },
                success: function(response)
                {
                    $('#something').html(response);
                }
            });
       });
    });    
</script>

TestController.php

public function getAjax()
{
    $id = $_GET['id'];
    return $id // any value return as a response 
}