javascript - How can I pass this specific variable I'm using jquery-ajax

Question

I want to pass the "passedThisValue" to my "start_battle" function and use the "start_battle" function in my "Rematch". But the modal just hangs why is this happening? what could be wrong? Please help! :) Thank you.

CODE:

function start_battle(){
    $.ajax({
        data: {
            receivePassedValue: passedThisValue
        },
        success: function(data){

        }
    });
}
$("#start_battle").click(function() {
    $.ajax({
        success: function(data){
            var toAppend = '';
            if(typeof data === "object"){
                var passedThisValue = '';
                for(var i=0;i<data.length;i++){
                    passedThisValue = data[i]['thisValue']; 
                }

                start_battle(); // can I still get the passedThisValue?

            }
        }
    });
    $("#battle").dialog({
        modal:true,
        buttons: {
            "Rematch": function(){
                start_battle(); // can I still get the passedThisValue?
            }
        }
    });
    $("#battle").show(500);
});

Answer 1

When you call a function, you don't use function start_battle();, you just use start_battle();.

When you pass a value to a function, you need to use this syntax: start_battle(param1, param2);.

When you want to get a value from a function, you need to return it in the function, like so:

function start_battle(param1) {
    // Do something
    return param1;
}

When you want to store a returned value from a function, you do something like: var returned = start_battle(param1);

And the fact that you don't know why the modal just hangs, means that you didn't check the browser's error console, which can hold some pretty important information on what's wrong. Try checking that and posting here so we can see the current problem