JQuery Ajax only calls predefined function

Question

I have the following JQuery Ajax method:

$.ajax({
    type: 'POST',
    url: $(form).attr('action'),
    data: formData,
    dataType: 'json',
    success: function() {
        $('#test').html("testing123");
    },
});

As it is written, the success function does not fire.

However, if I predefine the function somewhere else and then call it like this:

success: testFunction()

OR

success: $('#test').html("testing123")

then it works.

What am I missing?

i think you have to pass testing123 inside function as a Parameter — Anand Dwivedi
– Anand Dwivedi, Commented Oct 11, 2015 at 5:58

David Li · Accepted Answer · 2015-10-11 06:04:11Z

4

The solutions that you think you have working are actually only illusions of so. They are actually not being called on success, but right when you declare it. This leads me to think that your ajax call is not returning success.

The right way to predefine a function and pass it would be

success: testFunction

If you do success: testFunction(), you are running that function right away when parsing the code and not when the callback from your ajax fires. This is the same case with

success: $('#test').html("testing123")

and is actually equivalent if you called testFunction() right after your ajax call.

answered Oct 11, 2015 at 6:04

David Li

1,3008 silver badges18 bronze badges

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

Collectives™ on Stack Overflow

JQuery Ajax only calls predefined function

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related