Syntax Error Jquery AJAX calling

Question

I am getting this syntax error because I am missing an } can someone please tell me what I may be overlooking... this says line 25 but I do not see it.

Error

SyntaxError: missing } after property list

Code

$(document).ready(function(){
    // What happens when a user hits the "Accept" button on the dealer form
    $(".label_accept").click(function(){
        $('#LabelMaker').modal('hide');

    });

    $('#labelForm').on('submit', function(e){
        e.preventDefault();
        alert($(this).serialize());
        $.ajax({
        // the location of the CFC to run
        url: "index_proxy.cfm",
        // send a GET HTTP operation
        type: "get",
        // tell jQuery we're getting JSON back
        dataType: "json",
        // send the data to the CFC
        data: $('#labelForm').serialize(),
        // this gets the data returned on success
        success: function (data){
            console.log(data);
        }
        // this runs if an error
        error: function (xhr, textStatus, errorThrown){
        // show error
        console.log(errorThrown);
        }
   });
});

user3320657 · Accepted Answer · 2015-10-06 17:56:21Z

4

You missed a comma and then a closing block. Check the lines where I've commented as missing.

$(document).ready(function () {
    // What happens when a user hits the "Accept" button on the dealer form
    $(".label_accept").click(function () {
        $('#LabelMaker').modal('hide');

    });

    $('#labelForm').on('submit', function (e) {
        e.preventDefault();
        alert($(this).serialize());
        $.ajax({
            // the location of the CFC to run
            url: "index_proxy.cfm",
            // send a GET HTTP operation
            type: "get",
            // tell jQuery we're getting JSON back
            dataType: "json",
            // send the data to the CFC
            data: $('#labelForm').serialize(),
            // this gets the data returned on success
            success: function (data) {
                console.log(data);
            }, // missing comma
            // this runs if an error
            error: function (xhr, textStatus, errorThrown) {
                // show error
                console.log(errorThrown);
            }
        });
    });
}); // missing close block

answered Oct 6, 2015 at 17:56

user3320657

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

2 Comments

user3320657 Over a year ago

@Vicki I'm checking it out.

user3320657 Over a year ago

@Vicki Can you show the output of the AJAX call by checking the Console Tab of your F12 Dev Tools?

Rory McCrossan · Accepted Answer · 2015-10-06 17:49:48Z

2

You're missing a comma (,) after the success handler function:

success: function (data){
    console.log(data);
}, // < here
error: function (xhr, textStatus, errorThrown) {
    console.log(errorThrown);
}

answered Oct 6, 2015 at 17:49

Rory McCrossan

338k41 gold badges322 silver badges353 bronze badges

Collectives™ on Stack Overflow

Syntax Error Jquery AJAX calling

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related