Is it possible to submit DIV elements (NOT Form) using jquery/ajax

Question

Is it possible to submit FORM DIV elements (NOT Form) using jquery/ajax? I know of multiple was you can use jquery.form.js and jquery.upload.js. But they don't meet my requirements.

I have the following HTML within my ASCX control (within my ASPX master page that already has a FORM tag)

<div id="Div1">
    File: <input type="file" id="fileName"/><br/>
    Tags: <input type="text" id="fileTags"/><br/>
    <input type="submit" value="Submit File"/>
</div>

My question is: I want to submit only the two elements (fileName and fileTags) in this DIV and not the whole ASPX form. Is there a jquery script/plugin that I can use to submit this DIV's element to the server without refreshing the page? e.g.

$("Div1").ajaxSubmit();

Without having to recreate the wheel.

Answer 1

<input> isn't even valid without a <form>

Answer 2

You can use jQuery to walk the HTML, and dynamically create an object to be submitted:

var obj = { filename: $('#filename').val(), fileTags: $('#fileTags').val() };
$.post('url.aspx', obj, myCallbackFunction);

That will send obj as a POST to your server. Your server side code can access the fileTags via Request.Form["fileTags"]

However I do not think that will work on a file upload control.

Answer 3

It might help if you could explain why you want to do this, since it seems like you must have an unusual situation if this is the best solution.