zoukankan      html  css  js  c++  java
  • 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"]就可以获取表单的值了。

  • 相关阅读:
    【Java】推断文件的后缀名
    UVa 131
    Java开发手冊 Java学习手冊教程(MtJava开发手冊)
    《Java并发编程实战》第十五章 原子变量与非堵塞同步机制 读书笔记
    OC语言--NSFileManager&amp; NSFileHandle
    为什么我刚发表的文章变成了“待审核”,csdn有没有官方解释啊
    mac os升级为 Yosemite 10.10 后不能创建javaproject
    【spring】在spring cloud项目中使用@ControllerAdvice做自定义异常拦截,无效 解决原因
    【mybatis】mybatis动态order by 的问题, 注意 只需要把#{} 改成 ${} 即可
    【spring cloud】一个ms微服务想要给注册中心eureka发现,需要满足这些条件,微服务不能被eureka注册中心发现的解决方案
  • 原文地址:https://www.cnblogs.com/liujiale/p/5325190.html
Copyright © 2011-2022 走看看