JSON Response {"d":"128.00"} but displaying "128"

Question

Hi all,

I have been working on a shopping cart that the user can add/remove order items as they please and am returning an updated sub-total via a webservice using jQuery $.ajax

Here is how I am calling the webservice and setting the sub-total with the response.

//perform the ajax call
$.ajax({
    url: p,
    data: '{' + s + '}',
    success: function(sTotal) {
        //order was updated: set span to new sub-total
        $("#cartRow" + orderID).find(".subTotal").text(sTotal);
    },
    failure: function() {
        //if the orer was not saved

        //console.log('Error: Order not deleted');
    }
});

The response I am getting seems perfectly fine:

{"d":"128.00"} 

When I display the total on the page it displays as 128 rather than 128.00

I am fully sure it is something very simple and silly but I am so deep into it now I need someone with a fresh brain to help me out!!

Cheers :)

EDIT

I am also using $.ajaxSetup to set the correct contentType:

$.ajaxSetup({
type: "POST",
contentType: "application/json; charset=utf-8",
data: "{}",
dataFilter: function(data) {
    var msg;

    if (typeof (JSON) !== 'undefined' &&
    typeof (JSON.parse) === 'function')
        msg = JSON.parse(data);
    else
        msg = eval('(' + data + ')');

    if (msg.hasOwnProperty('d'))
        return msg.d;
    else
        return msg;
}

});

Answer 1

That is because the value is treated as a number, while you want it treated as a string. When you are using '.. .text(sTotal)', you are actually calling the .toString() method on the Number object wrapping the primitive sTotal. And since this is a whole number, it displays it without decimals. You need to use a format the number as a string prior to calling .text(foo) for the number to be formatted like that.

This will give you two decimals

var a=1/3; 
a = a.toString(); 
switch(a.lastIndexOf(".")){ 
    case -1: 
        a+=".00";
        break; 
    case a.length-2: 
        a+="0"; 
        break; 
    default: 
        a=a.substring(0, a.indexOf(".") + 3); 
} 
alert(a); 

Answer 2

Please try this:

 $("#cartRow" + orderID).find(".subTotal").text(sTotal.toFixed(2));

HTH