您的位置:首页 > Web前端 > JQuery

Jquery来对form表单提交(mvc方案)

2013-04-24 08:45 330 查看
http://www.cnblogs.com/lmfeng/archive/2011/06/18/2084325.html
我先说明一下,这是asp.net mvc 里面的用法,
Jquery来对form表单提交,下面是一个form表单,里面没有action字段,我们来用Jquery注册事件进行提交,
<form method="post" id="documentForm">

    <input type="hidden" id="hidId" name="hidId" value="<%=Request.QueryString["id"] %>" />

    <input type="hidden" id="hidAction" name="hidAction" value="<%=Request.QueryString["action"] %>" />

    <div class="fieldbody">         

        <div class="tagsiglebody">

            <table class="create">

                <tr>

                    <th class="w100">

                        关键字:

                    </th>

                    <td class="nes">

                        <input type="text" id="txtKeyword" name="txtKeyword" class="txt w250" value="<%= ViewData.Eval("keywords") %>"

                            isnull="0" />

                        关键字请用逗号隔开

                    </td>

                </tr>                

            </table>

        </div>

    </div>

    <div class="btngroup">

        <input type="button" class="btncreateok" id="btnConfirm" value="创建" />

        <input type="button" class="btncreatecancel" onclick="history.go(-1)" value="取消" />

    </div>

    </form>
在js中的代码如下:
$(document).ready(function () {

    $("#btnConfirm").click(function () {

        $('#documentForm').submitForm({

            url: "/Document/SubmitDocumentCreate",

            dataType: "text",

            callback: function (data) {

                endFileUpload();

                data = eval("(" + data + ")");

                alert(data.Content);

                if (data.Result > 0) {

                    location.href = data.Redirect;

                }

            },

            before: function () {

                startFileUpload();

                var errMsg = "";

            }

        }).submit();

    });
}
在js中,我们一定要注意,$(document).ready是必须的,不然会出错,其中对button、form的id进行事件绑定:$("#btnConfirm").click、$('#documentForm').submitForm
然后在$('#documentForm').submitForm方法中给出url和回调方法。
好了,这下就完成了,当然那怎么在Document/SubmitDocumentCreate中获取表单的值呢,用Request.Form["xxxxx"]就可以获取表单的值了。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: