Javascript JSON function not displaying

Question

Apologies for the lack of knowledge to start with...

We have a page on our website that displays a price depending on the users selection of size width and quantity Unfortunately the dynamic calculator isn't showing the price, even though the script seems to be calculating the price...

Can anyone help me where I am going wrong :-(

When I debug in the console it displays the information correctly but just doesn't show!!!

EDIT:The javascript that should output the price is

    <script>
$(function() {
    $('#inputqty').keyup(function() {
        var inputqty = $('#inputqty').val();
        var sku = $('#selSKU').val();
        $.getJSON('pricecheck.cfc?method=getPrice&returntype=JSON&sku='+sku+'&qty='+inputqty, function(data) {
            $("#divPrice").html(data.displayPrice);
        });
    });

});

    function qtyChanged(){
        var inputqty = $('#inputqty').val();
        var sku = $('#selSKU').val();
        $.getJSON('pricecheck.cfc?method=getPrice&returntype=JSON&sku='+sku+'&qty='+inputqty, function(data) {
            $("#divPrice").html(data.displayPrice);
        });


    };
</script>

Please post up the snippets of js that deal with the output. I can see the XHR returning the values but chances are it's not actually being used as intended. — Simon at The Access Group
– Simon at The Access Group, Commented Mar 26, 2013 at 11:31
Please post only relevant code on jsfiddle, for example. Its kinda hard to find the issue in all your scripts. — Artyom Neustroev
– Artyom Neustroev, Commented Mar 26, 2013 at 11:34
Please don't only link the buggy site, but post the relevant code. — Bergi
– Bergi, Commented Mar 26, 2013 at 11:41
Sorry, I will try and find the problem code, I am not sure what part to post but I will look now — matthew
– matthew, Commented Mar 26, 2013 at 11:44
Check if the "Secure JSON" option is turned on in ColdFusion Administrator. "//" is the default prefix used when this option is enabled. If you want to keep the security feature enabled, you'll need to modify your JavaScript code to remove the // before processing the JSON. — Carl Von Stetten
– Carl Von Stetten, Commented Mar 26, 2013 at 16:47

Community · Accepted Answer · 2017-05-23 12:04:56Z

2

Looks like the results of http://www.xxxxxxxx.co.uk/pricecheck.cfc?method=getPrice&returntype=JSON&sku=2947&qty=7contains an error.

//{"displayPrice":"£2.87 excl. VAT<\/strong>
(£3.44 incl VAT)<\/span>"}

Notice the comment (double slash) that prefixes the JSON.

It also looks like $.getJSON will fail silently if the JSON contains a syntax error: Why does $.getJSON silently fail?

edited May 23, 2017 at 12:04

CommunityBot

11 silver badge

answered Mar 26, 2013 at 11:59

Brandon J. Boone

16.5k4 gold badges78 silver badges103 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

matthew Over a year ago

Thankyou for your help, i cannot find the // that is causing the fail though.

Collectives™ on Stack Overflow

Javascript JSON function not displaying

1 Answer 1

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related