html - jquery / ajaxを使用してDIV要素（フォームではない）を送信することは可能ですか？

Question

jquery /ajaxを使用してFORMDIV要素（フォームではない）を送信することは可能ですか？私はあなたがjquery.form.jsとjquery.upload.jsを使うことができるという複数のことを知っています。しかし、それらは私の要件を満たしていません。

ASCXコントロール内に次のHTMLがあります（すでにFORMタグが設定されているASPXマスターページ内）

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

私の質問は、ASPXフォーム全体ではなく、このDIVの2つの要素（fileNameとfileTags）のみを送信したいということです。ページを更新せずにこのDIVの要素をサーバーに送信するために使用できるjqueryスクリプト/プラグインはありますか？例えば

$("Div1").ajaxSubmit();

車輪を再作成する必要はありません。

Answer 1

jQuery を使用して HTML をたどり、送信するオブジェクトを動的に作成できます。

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

これはobjPOST としてサーバーに送信されます。サーバー側のコードはfileTags経由でアクセスできますRequest.Form["fileTags"]

ただし、ファイル アップロード コントロールでは機能しないと思います。

Answer 2

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