jQuery ajaxSuccess（）事件处理程序

Question

there is one thing I really don't like jQuery is its chaining. and all of the samples I found are using this. So is there a way to define ajaxSuccess not using chaining? I have tried this but it doesn't work.

jQuery.ajax({
    dataType: "json",
    url: this.DIRECTORY_PHP,
    data: data,
    success: this.handleSuccessEvent
});

Answer 1

A general note : "chaining" can always be broken in a succession of disctinct calls :

$.ajax({ ... }).done(function1).done(function2)
// can be split into :
var ajaxReq = $.ajax({ ... });
ajaxReq.done(function1);
ajaxReq.done(function2);

Answer 2

If only handleSuccessEvent would have a meaning in the context ( this ), your example would work. Replace it with an existing and declared function name and ( as in documentation ) it will work.

var myFunction = function(data){ /* TODO */ };
jQuery.ajax({
    dataType: "json",
    url: this.DIRECTORY_PHP,
    data: data,
    success: myFunction
});

Assignment of an anonymous function to a variable is totally optional and was written to showcase the flexibility of that syntax. Feel free to follow this approach as well:

function myFunction(data){
/* TODO */
}

jQuery.ajax({
    dataType: "json",
    url: this.DIRECTORY_PHP,
    data: data,
    success: myFunction
});