How to convert simple form submit to ajax call;

Question

I have a form with input field which can be accessed like

var algorithm = document.forms["algoForm"]["algorithm"].value;
var input = document.forms["algoForm"]["input"].value;

and earlier call was

document.forms["algoForm"].submit();

and form was

<form name="algoForm" method="post" action="run.do">

It all run fine
Now I wanted convert it to the ajax call so that I can use the returned data from java code on the same page. So I used soemthing like

        var algorithm = document.forms["algoForm"]["algorithm"].value;
        var input = document.forms["algoForm"]["input"].value;
        var data = 'algorithm = ' + algorithm + '&input = ' + input;


    $.ajax(
            {
                url: "run.do",
                type: "POST",
                data: data,
                success: onSuccess(tableData) 
                { //line 75
                    alert(tableData);
                }

            }
        );

However the above code doesn't run. Please help me make it run

Answer 1

Let's use jQuery's serialize to get the data out of the form and then use the jQuery's ajax function to send the data to the server:

var data = $("form[name=algoForm]").serialize();
$.ajax({
    url: "run.do",
    type: "POST",
    data: data,
    success: function(tableData){
        alert(tableData);
    }
});