Jquery Ajax Error: Uncaught ReferenceError: success is not defined

Question

Hi,

I am trying to get Form data to a php file. Jquery does get the element but somehow it get this error message: Uncaught ReferenceError: success is not defined.

My code:

$(document).ready(function() {

    $('form.palkkaLaskuri').on('submit', function(event){
        var that = $(this),
        url = that.attr('action'),
        type = that.attr('method'),
        data = {};


        that.find('[name]').each(function(index, value){
            var that = $(this),
                name = that.attr('name'),
                value = that.val();

            data[name] = value;
        });

        $.ajax({
            url: url,
            type: type,
            data: data,
            success: function(response){
                console.log(success);
            }
        });

        event.preventDefault();
    });

});

Answer 1 · 2014-02-09T04:37:40Z

February 9, 2014 4:37am

in console.log you calling success which would.be seen as a undeclared variable

Answer 2 · 2014-02-09T09:35:10Z

February 9, 2014 9:35am

That's because the callback that you get from the success function is named response in your code. Try using console.log on response instead.

//Jonas

    success: function(response){
        console.log(response);
    }

Welcome to the Treehouse Community

Looking to learn something new?

Timo Bontenbal

Timo Bontenbal

Jquery Ajax Error: Uncaught ReferenceError: success is not defined

2 Answers

Jose Ortiz

Jose Ortiz

Jonas Olausson

Jonas Olausson