AI智能
改变未来

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

我先说明一下,这是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\” οnclick=\”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\”]就可以获取表单的值了。

赞(0) 打赏
未经允许不得转载:爱站程序员基地 » Jquery来对form表单提交submitForm()(mvc方案)