Question

是否可以使用jquery / ajax提交 ~~FORM~~ DIV元素（NOT Form）？我知道有多个你可以使用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中仅提交两个元素（fileName和fileTags），而不是整个ASPX表单。是否有一个jquery脚本/插件，我可以使用它来提交这个DIV的元素到服务器而不刷新页面？ e.g。

$("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>

是否可以使用jquery / ajax提交DIV元素（NOT Form）

2 个答案: