Conditionally adding option to jQuery Ajax call

Question

I have the following working Ajax call -

    $.ajax({
        url: ajaxUrl,
        type: sendHttpVerb,
        dataType: 'json',
        processData: false,
        contentType: 'application/json; charset=utf-8',
        complete: function () {
            setTimeout($.unblockUI, 2000);
        },
        success: function (response, status, xml) {
            clearTimeout(delayLoadingMsg);
            $.unblockUI();
            callbackFunction(response);
        },
        error: function (jqXHR, textStatus, errorThrown) {
            clearTimeout(delayLoadingMsg);
            $.unblockUI();
            dcfForm.ajaxErrorDisplay(jqXHR, textStatus, errorThrown)
        }
    });

My problem is the I conditionally want to add an option when I invoke the Ajax call. For example, adding data: sendRequest before I issue the Ajax request.

My problem I cannot find an example for the syntax on how to do this without completely duplicating the entire function.

I had an answer for ya until you said "without" duplicating the entire function. That was gonna be my solution, however I agree it would be cleaner to conditionally add the option. I do apologize that that's the only way that I personally would know how to do it. — Dylan Hayes
– Dylan Hayes, Commented Sep 2, 2011 at 18:53
However... for your example, if you want to optionally send a parameter, how about you always send the parameter but set the value to "" with the condition before making your request. — Dylan Hayes
– Dylan Hayes, Commented Sep 2, 2011 at 18:56

Joe · Accepted Answer · 2011-09-02 18:57:35Z

13

what about a ternary operation:

$.ajax({
     data: condition ? sendRequest : undefined,
     ... the rest
});

If that's not your taste, some people seem to forget $.ajax doesn't take a long group of paramters, but an object:

var ajax = {};
ajax.success = function (data) { ... };
ajax.type = 'GET';

if (myCondition) {
    ajax.data = sendRequest;
}

$.ajax(ajax);

answered Sep 2, 2011 at 18:57

Joe

82.8k18 gold badges130 silver badges147 bronze badges

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

Collectives™ on Stack Overflow

Conditionally adding option to jQuery Ajax call

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