Submitting Serialized JSON to a Servlet - json

Question

I can successfully serialize the form and submit it to a text area in the form, but don't know how to send it to a Servlet that I have already created/defined:
// Prepare form for Serialize
$.fn.serializeObject = function()
{
var o = {};
var a = this.serializeArray();
$.each(a, function() {
if (o[this.name] !== undefined) {
if (!o[this.name].push) {
o[this.name] = [o[this.name]];
}
o[this.name].push(this.value || '');
} else {
o[this.name] = this.value || '';
}
});
return o;
};
// Send JSON Data to ResultSet
$(function() {
$('form').submit(function() {
//submitting to textarea "resultset"
//needs to submit to servlet "SftpConnTest" as defined in web.xml
//$('#ResultSet').text(JSON.stringify($('form').serializeObject()));
//?? HOW DO I SEND TO "SftpConnTest" SERVLET instead??
return false;
});
});

Answer 1

Use following to send form data via ajax to server:
$.post("path/to/servlet", $("#formId").serializeArray(), function (result) {
// do something
});
By the way:
serializeArray() will convert a form to an array, which could be used directly as the "data" param of a jquery ajax request, only element that has a name property in the form will be included into the data,for details please check jquery api, it's very clear there.

Answer 2

Assuming you are sending this to the servlet using an HTTP POST, you can use ajax:
$(function() {
$('form').submit(function(evt) {
evt.preventDefault(); // prevent the default form submit behavior
var data = $('form').serializeObject();
$.post(
'/',
data,
function(resData, status, req) {
$('#ResultSet').text(JSON.stringify(resData));
}
);
}
}
If the servlet is not mapped to be located at the root of the web app, replace 'SftpConnTest' in the $.post function with the relative path to the servlet. For example, if the servlet is mapped to /foo/bar/SftpConnTest, then you should have '/foo/bar/SftpConnTest' instead of 'SftpConnTest'.
See the jQuery docs for more information on the $.post function.