Question

A stupid question.

I am calling $.ajax function in many of my button clicks, text changed, drop down value changed etc. So I thought of making this function parameterized. Below is the code I was trying to use.

function ajaxCall(ajaxUrl, methodName) {
    try {
        $.ajax({
            type: 'POST',
            url: ajaxUrl,
            success: methodName
            },
            dataType: "html"
        });
    }
    catch (e) {
        alert(e.message);
    }
}

In this the “methodName” should be the name of the method the control should go.
Or in short, when I use ajaxCall('test.aspx','testMethod'), the control should be transferred to

function testMethod(xmlResponse){
   alert ('Inside testMethod');
}

Answer 1

In JavaScript you can use functions as variables, so just call ajaxCall with url and success handler.

function testMethod (xmlResponse) {
   alert('Inside testMethod');
}

function ajaxCall (ajaxUrl, methodName) {
    try {
        $.ajax({
            url: ajaxUrl,
            type: 'POST',
            dataType: 'html',
            success: methodName
        });
    }
    catch (e) {
        alert(e.message);
    }
}

ajaxCall('test.aspx', testMethod);