私はショッピングカートのアプリケーションで作業しています。ユーザーがadd to cart
ボタンをクリックすると、私のコントローラー関数へのajax呼び出しで、ページに表示されるtotalPrice
とtotalQty
の2つの値が返されます。私はjsonの値を返すことができました:{"totalPrice":100,"totalQty":1}
。今、どのようにしてtotalPrice
とtotalQty
を抽出し、ページの別の部分に表示しますか?ありがとう。ここLaravel 5:jsonを解読する方法をAJAX呼び出しから返しました
は私のコードである:ここ
<a data-id="{{ $product->id }}" class="btn btn-success addToCart" >Add to cart</a>
は私のAJAXのコードである:ここ
<script type="text/javascript">
$(function(){
$.ajaxSetup({
headers: {
'X-CSRF-Token': $('meta[name="csrf-token"]').attr('content')
}
});
$('.addToCart').click(function(){
var id = $(this).data('id');
$.ajax({
url : "{{ route('product.addToCart') }}",
type : "POST",
data : {
'id' : id,
"_token": "{{ csrf_token() }}"
},
success:function(data){
alert(data); // returns {"totalPrice":100,"totalQty":1}
// how do I decode and display data returned here?
}
});
});
});
</script>
は私の制御方法であって、
public function addToCart(Request $request){
$post = $request->all();
$id = $post['id'];
$product = Product::find($id);
//some code is excluded to simplify this function
$total_price = 100;
$total_qty = 1;
$vals = array('totalPrice' => $total_price,'totalQty' => $total_qty);
$vals = json_encode($vals);
echo $vals;
exit();
}
JSON値が返さ場所ですされています表示されるはずです:
<a href="{{ route('product.shoppingCart') }}">
Cart - <span class="cart-amunt">//display amount here</span>
<span class="product-count"> //display totalQty here </span>
</a>
try JSON.parse(data); –