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

时间:2009-02-18 15:27:02

标签: html upload jquery

是否可以使用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();

无需重新创建轮子。

2 个答案:

答案 0 :(得分:1)

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

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

这会将obj作为POST发送到您的服务器。您的服务器端代码可以通过fileTags

访问Request.Form["fileTags"]

然而我认为这不适用于文件上传控件。

答案 1 :(得分:0)

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