jQuery: 1 ajax request and one function: pass parameters to function

Question

I have a button click event where I execute multiple steps. Step one is an ajax request and the second step is calling a function passing the button name as a parameter. How do I accomplish this?

function buttonClick(e){
    var param1ToBePassed = 1;
    var param2ToBePassed = 2;
    $.when(func1())
    .done(function(){
        $.when(
         $.ajax({}),
         //here I want to call func2 passing in param1tobepassed and param2tobepassed
         funct2(param1ToBePassed, param2ToBePassed ) //this line isn't working
        )
        .done(()=>{console.log('ajax and func2 calls finished');})
    }

}

var func1 = function(){var deferred = new $.Deferred(); /*do somethig;*/ return deferred;}
var func2 = function(param1, param2){var deferred = new $.Deferred(); /*do somethig with param1 and param2;*/ return deferred;}

How do I pass param1ToBePassed and param2ToBePassed to func2 ?

Answer 1

function buttonClick(e){
    var param1ToBePassed = 1;
    var param2ToBePassed = 2;
    $.when(func1())
    .done(function(){
        $.when(
         $.ajax(),
         //here I want to call func2 passing in param1tobepassed and param2tobepassed
         funct2(param1ToBePassed, param2ToBePassed ) //this line isn't working
        )
        .done(function(){console.log('ajax and func2 calls finished');})
    });/// I have corrected this added closeing )

}

var func1 = function(){var deferred = new $.Deferred(); /*do somethig;*/ 
return deferred;
}
var func2 = function(param1, param2){var deferred = new $.Deferred(); /*do somethig with param1 and param2;*/
return deferred;
}

you have a syntax error I have corrected it in my code above