Question

i need to generate a json data on a button click but i am unable to get the json
my shopping cart demo link
http://jsfiddle.net/bkw5p/48/

Answer 1

At the end of HTML, between <p class="total"> and <h2>:

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

In JS inside the $(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;
})

In PHP it will be like:

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