我已经建立了一个购物车..我在哪里尝试使用ajax更新数据库..当我更新数量时,它会立即反映数据库..
为此我使用了以下视图:
@foreach($carts as $row)
<input type="hidden" class="cat_id" value="{{$row->id}}"/>
<input type="number" class="quantity" value="{{$row->no_of_items}}" name="qty" maxlength="3" max="999" min="1" /> ×${{$row->p_price}}
@endforeach
这是Ajax部分:
$(".quantity").change(updateCart);
function updateCart(){
var qty = parseInt($(this).val());
var cat_id = parseInt($('.cat_id').val());
console.log(cat_id);
$.ajaxSetup({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
}
});
$.ajax({
url:"{{url('cart/update/{cat_id}/{qty}')}}",
method:"POST",
data:{cat_id:cat_id, qty:qty},
success: function( data ) {
// console.log(data);
}
});
}
路线
路线::交( '购物/更新/ {CAT_ID} / {数量}', 'ProductController的@ cartUpdate');
控制器部分:
public function cartUpdate($cat_id, $qty)
{
$cart = Cart::find($cat_id);
$product = Product::find($cart->product_id);
$cart->no_of_items = Input::get('qty');
$cart->price = $product->price * $cart->no_of_items;
$cart->save();
}
我在购物车表中有product_id 我遇到的问题是每当我试图更新数量时我在控制台模式下看到错误:
ProductController.php中的ErrorException 试图获得非对象的属性
当我dd()cat_id时,我看到空值或相同的所有curt ......可能是什么?感谢
答案 0 :(得分:3)
问题是您没有通过网址传递 cat_id
和 qty
,而是通过ajax post request传递
$.ajax({ url:"{{url('cart/update/{cat_id}/{qty}')}}", method:"POST", data:{ cat_id : cat_id, qty: qty }, success: function( data ) { // console.log(data); } });
因此 $cat_id
和 $qty
在控制器中 null
,因此您需要将控制器中的代码更改为
public function cartUpdate($cat_id, $qty) { $cart = Cart::find(Input::get('cat_id')); $product = Product::find($cart->product_id); $cart->no_of_items = Input::get('qty'); $cart->price = $product->price * $cart->no_of_items; $cart->save(); }
答案 1 :(得分:1)
尝试这种方式:
@foreach($carts as $row)
<input type="hidden" class="cat_id" name="cat_id" value="{{$row->id}}"/>
<!--Add name="cat_id" AS Attribute -->
<input type="number" class="quantity{{$row->id}}" value="{{$row->no_of_items}}" name="qty" maxlength="3" max="999" min="1" /> ×${{$row->p_price}}
@endforeach
和Ajax Part:
@foreach($carts as $row)
$(".quantity{{$row->id}}").change(updateCart);
@endforeach
function updateCart(){
var qty = parseInt($(this).val());
var cat_id = parseInt($('.cat_id').val());
console.log(cat_id);
$.ajax({
headers: {
'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
},
url:'cart/update',
method:"POST",
data:{
cat_id:cat_id,
qty:qty
},
success: function( data ) {
// console.log(data);
}
});
}