from表单发送请求方式

概述1，直接用表单的 action 属性跳转路由，此方法必须各节点的name属性和 Java bean  实体类属性相对应，并且onsubmit 属性不为false。 优点：快速，简单跳转路由。 缺点：返回数据不好处理，前后台交互繁琐。 <form name="mdShopuser.form" action="/ShopUser/ShopUserGoin" method="POST" autocom

1，直接用表单的 action 属性跳转路由，此方法必须各节点的name属性和 Java bean  实体类属性相对应，并且onsubmit 属性不为false。

优点：快速，简单跳转路由。

缺点：返回数据不好处理，前后台交互繁琐。

 <form name="mdshopuser.form" action="/ShopUser/ShopUserGoin" method="POST" autocomplete="off" onsubmit="return valIDate()">            <div >                <span>* 姓名</span>                <input type="text"  name="mdshopuser.name" value="" autofocus="autofocus" >            </div>            <div >                <span>* 手机号</span>                <input type="text" value="" name="mdshopuser.Phone">            </div>            <div >                <span>* 店铺名称</span>                <input type="text" value="" name="mdshopuser.Shopname">                <div >                    <span>* 行业类别</span>                    <input type="text" value="" name="mdshopuser.SalesPikd">                </div>                <div >                    <span>* 店铺地址</span>                    <input type="text" value="" name="mdshopuser.ShopAddress">                </div>                <div >                    <span>详细地址</span>                    <input type="text" value="" name="mdshopuser.DetailAddress">                </div>                <div >                    <span>申请理由</span><br>                    <textarea type="text" name="" rows="5" name="mdshopuser.Application"></textarea>                </div>                <div>                    <button type="submit">提交申请</button>                </div>            </div>        </form>

　2.　第二种方式是表单序列化提交  此方式onsubmit=false：就是不允许使用action，===》此方式使用点击事件结合AJAX 提交表单

优点：前后台交互方便，后台 给前台数据好处理。

缺点：需要结合AJAX使用。

<form ID="member_form" onsubmit="return false" method="POST">
    <div >
        <i ></i>
        <input type="text" value="" autofocus="autofocus" name="member.number_ID" placeholder="请输入账号" ID="input_username">
    </div>
    <div >
        <i  aria-hIDden="true"></i>
        <input type="password" value="" name="member.password" placeholder="请输入密码" ID="input_password">
        <img src="/_vIEw/_web/img/icon3.png"  onclick="show()">
    </div>
    <div >
        <span><a href="/_vIEw/_web/register/notMemberRegister.HTML">免费注册</a></span>
    </div>
    <div >
        <button onclick="btn()">登录</button>
    </div>
</form>

// 提交表单前验证用户名密码不能为空function btn() {        $.AJAX({            type:"POST",dataType:"Json",url:"/login/memberLogin",data:$("#member_form").serialize(),success:function (result) {                console.log(result.status)                if (result.status == "ok") {                    window.location.href = "/login/tovip"                }else if(result.status == "false"){                    layer.msg("该账号还未审核，暂时无法登录",{time:1000})                }else if (result.status == "false1"){                    layer.msg("账号或密码错误",{time:1500})                }            },error:function (err) {                layer.msg("账号或密码错误",{time:1000})            }        })    }}

总结

以上是内存溢出为你收集整理的from表单发送请求方式全部内容，希望文章能够帮你解决from表单发送请求方式所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错，欢迎将内存溢出网站推荐给程序员好友。