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


    来自: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"]就可以获取表单的值了。

  • 相关阅读:
    关于echarts
    es6数组相关操作
    日期格式化(超实用)
    vue对象深拷贝(避免对象赋值,改变一个对象的值,另一个对象也变化)
    vue在js公用文件中使用this
    VUE百度地图API调用(手机端、PC端、微信通用)
    promise与async/await
    手机端软键盘弹出又收回后,页面下方留空白、样式定位错乱或不能滚动
    移动端表格(固定首列及表头)
    VUE面试知识整理
  • 原文地址:https://www.cnblogs.com/liujiale/p/5325190.html
Copyright © 2020-2023  润新知