jquery - 购物车到 Json

Question

我需要在单击按钮时生成 json 数据，但我无法获取 json
我的购物车演示链接 http://jsfiddle.net/bkw5p/48/

Answer 1

在 HTML 的末尾，介于<p class="total">和之间<h2>：

<input type="submit" id="submit" value="Make an order" />

在 JS 里面$(function() { ... })：

$('#submit').bind('click',function(){
    if (!$('table#cartcontent1 tr').length) {
        alert('You have no Items in Your Cart');
    } else {

        var result = new Array();
        var name, qty, price;
        $('table#cartcontent1 tr').each(function(){
            name = $(this).find('td[data-bind="text:name"]').text();
            qty = $(this).find('input[data-bind="value:qty"]').val();
            price = $(this).find('td[data-bind="text:price"]').text();
            result.push( {'name' : name, 'qty' : qty, 'price' : price } );
        })

        $.ajax({
            type:"POST",
            url: 'ordering.php',
            data: {data: result},
            success: function(msg){
                // do something when success
            }
        });
    }
    return false;
})

在 PHP 中会是这样的：

$data = $_POST['data'];
foreach ($data as $val) {
    echo $val['name']; // Feeling
    echo $val['price']; // 25
    echo $val['qty']; // 3
}