用ajax更新laravel数据库

Question

如何使用复选框使用Ajax仅更新表的一列？

我想使用复选框并更新我的active列，值将是1或0。如果选中值为1，否则0。

html

<label class="switch">
  <input type="checkbox" data-name="active" data-id="{{ $courier->id }}">
  <span class="slider round"></span>
</label>

data-name是我列的名称

数据id是我的行id

控制器功能

public function Updatecourierstatus(Request $request) {
        try {
            $id = $request->input('id');
            $field = $request->input('name');

            $courier = Courier::findOrFail($id);
            $courier->{$field} = //must get 1 or 0 here;
            $courier->save();
        } catch (Exception $e) {
            return response($e->getMessage(), 400);
        }
        return response('', 200);
    }

路由

Route::post('/Updatecourierstatus', 'CourierController@Updatecourierstatus')->name('Updatecourierstatus');
});

JavaScript

不知道怎么处理这个零件！

我的最新代码：

脚本

<script>
    $(function (){
        $.ajaxSetup({
          headers: {
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });

        $('label.switch input[type="checkbox"]').on('click', function (event) {
          $.post("{{route('Updatecourierstatus')}}", { 
            id: $(this).data("id"),
            name: $(this).data("name"),
            state: $(this).is(":checked") ? 0 : 1 // toggles
          }).done(function(data) {
              console.log(data)
          });
        });
    });
</script>

控制器

public function Updatecourierstatus(Request $request) {
            try {
                $id = $request->input('id');
                $field = $request->input('name');
                $state = $request->input('state');

                $courier = Courier::findOrFail($id);
                $courier->{$field} = (int) $state;
                $courier->save();
            } catch (Exception $e) {
               return response($e->getMessage(), 400);
            }
            return response('', 200);
    }

html

<label class="switch">
  <input class="status" type="checkbox" data-name="active" data-id="{{ $courier->id }}" {{ $courier->active == '1' ? 'checked' : ''}}>
  <span class="slider round"></span>
</label>

1. 我的开关按钮未按预期工作，对于值1打开，对于值0关闭，开关始终处于关闭状态

问题是state：$（this）. is（"： check"）？0:1为"什么是PHP运算符"？""："打电话来，他们是做什么的？"解释了我必须使用state：$（this）. is（"： check"）？1:0

Answer 1

使用jquery可以非常轻松地做到这一点：

$('input.checkbox').on('change', function(e) {
    $.ajax({
      type: "POST",
      url: url,
      data: {value: $(this).val(), id: $(this).data('id'), name: $(this).data('name')},
      success: function() {
        console.log('submitted')
      }
    });
});

Answer 2

如果使用ajax数据参数（如id和name do）检查复选框，则应提交变量显示。然后你可以在控制器中接收并保存它。

Answer 3

我猜你展示的html是使用lib的，你应该检查lib的细节，他们可能会提供你可以使用的被解雇的事件。

如果没有，您可以像下面这样做，只发送一个ajax请求，当您切换值时，从查看代码namelooks任意集开始，您可能不应该这样做，以防有人发送一个moody列名。

好的，所以您可以在单击复选框时执行ajax请求，并从数据属性中获取id和name。

<script>
    $(function (){
        $('label.switch input[type="checkbox"]').on('click', function (event) {
          $.post("/Updatecourierstatus", { 
            id: $(this).data("id"),
            name: $(this).data("name"),
            state: $(this).is(":checked") ? 0 : 1 // toggles
          }).done(function(data) {
              console.log(data)
          });
        });
    });
</script>

然后在您的控制器中，只需添加该值：

public function Updatecourierstatus(Request $request) {
    try {
        $id = $request->input('id');
        $field = $request->input('name');
        $state = $request->input('state');

        $courier = Courier::findOrFail($id);
        $courier->{$field} = (int) $state;
        $courier->save();
    } catch (Exception $e) {
       return response($e->getMessage(), 400);
    }
    return response('', 200);
}