是否可以使用 jquery/ajax 提交 DIV 元素（不是表单）答案

【问题标题】：Is it possible to submit DIV elements (NOT Form) using jquery/ajax是否可以使用 jquery/ajax 提交 DIV 元素（不是表单）
【发布时间】：2009-02-18 15:27:01
【问题描述】：

是否可以使用 jquery/ajax 提交 ~~FORM~~ DIV 元素（不是表单）？我知道你可以使用 jquery.form.js 和 jquery.upload.js。但它们不符合我的要求。

我的 ASCX 控件中有以下 HTML（在我的 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>

我的问题是：我想仅提交此 DIV 中的两个元素（文件名和文件标签），而不是整个 ASPX 表单。是否有一个 jquery 脚本/插件可用于将此 DIV 的元素提交到服务器而不刷新页面？例如

$("Div1").ajaxSubmit();

无需重新创建轮子。

【问题讨论】：

“提交DIV元素”是什么意思？提交标记？内容？儿童内容？后代内容？

标签： html upload jquery

【解决方案1】：

您可以使用 jQuery 来遍历 HTML，并动态创建要提交的对象：

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

这会将obj 作为 POST 发送到您的服务器。你的服务器端代码可以通过Request.Form["fileTags"]访问fileTags

但是我认为这不适用于文件上传控件。

【讨论】：

我认为 OP 让自己陷入困境，没有办法做他想做的任何事情，但这至少应该是教育性的
同意。我经常使用我写的东西，但从不上传文件。也许像 Flash 或 Silverlight 这样的东西可能是一个有效的选择？

【解决方案2】：

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

【讨论】：

如果你阅读了这个问题，你会注意到它在一个已经有 FORM 元素的 MASTER PAGE 中
您知道从属页面的内容将在主表单中吗？