其他分享
首页 > 其他分享> > form表单提交的几种方法

form表单提交的几种方法

作者:互联网

    <div>
        <form id="myform" name="myform" method="post" onsubmit="return sumbitText();" action="/Practice/Model/formapplyInfor">
            <table>
                <tr>
                    <td>姓名</td>
                    <td><input type="text" name="name" /></td>
                </tr>
                <tr>
                    <td>年龄</td>
                    <td>
                        <select name="age">
                            <option value="20">20</option>
                            <option value="21">21</option>
                            <option value="22">22</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td colspan="2">
                        <input type="submit" value="Submit普通提交" />
                        <input type="button" id="ajaxBtn" value="AJAX提交" />
                        <input type="button" id="jqueryBtn" value="jQuery提交" />
                        <input type="submit" value="onSubmit提交" />
                    </td>
                </tr>
            </table>
        </form>
    </div>
    <script type="text/javascript">

        $(function () {
            //ajax提交
            $("#ajaxBtn").click(function () {
                var params = $("#myform").seialize();
                $.ajax({
                    type: "POST",
                    url: "/Practice/Model/formapplyInfor",
                    data: params,
                    success: function (msg) {
                        alert("success:" + msg);
                    }
                });
            })
            //jQuery提交
            $("#jqueryBtn").click(function () {
                $("#myform").submit();
            })
            //js提交
            $("#jsBtn").click(function () {
                document.myform.action = "/Practice/Model/formapplyInfor";
                document.myform.submit();
            })
        })
        function sumbitTest() {
            return true;//return false则不会提交
        }
    </script>

在控制器的代码:

     public ActionResult formapplyInfor()
        {
            var lists = (from tbformapply in myModel.Formapply
                        select new formapply()
                        {
                            formapplyID = tbformapply.formapplyID,
                            name = tbformapply.name,
                            age = tbformapply.age,
                        }).ToList();
            return Json(lists, JsonRequestBehavior.AllowGet);
        }

 

标签:function,myform,form,tbformapply,表单,formapplyInfor,提交,click
来源: https://blog.csdn.net/weixin_42271651/article/details/87911507