Можно ли отправить элементы DIV (НЕ форма), используя jquery / ajax

Question

Можно ли отправить ФОРМУ DIV-элементы (НЕ форму), используя jquery / ajax? Я знаю несколько, вы можете использовать jquery.form.js и jquery.upload.js. Но они не соответствуют моим требованиям.

У меня есть следующий HTML-код в моем ASCX контроле (в моей главной странице ASPX , в которой уже есть тег FORM )

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

Мой вопрос: Я хочу представить только два элемента (fileName и fileTags) в этом DIV, а не всю форму ASPX. Есть ли скрипт / плагин jquery, который я могу использовать для отправки этого элемента DIV на сервер без обновления страницы? например, * 1 016 *

$("Div1").ajaxSubmit();

Без воссоздания колеса.

Answer 1

Вы можете использовать JQuery ходить HTML и динамически создать объект, который будет представлен:

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

Это отправит obj как POST на ваш сервер. Ваш код на стороне сервера может получить доступ к fileTags через Request.Form["fileTags"]

Однако Я не думаю, что будет работать на контроль загрузки файла.

Answer 2

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