from表单发送请求方式

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

优点:快速,简单跳转路由。

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

 <form name="mdShopuser.form" action="/ShopUser/ShopUserGoin" method="POST" autocomplete="off" onsubmit="return validate()">
            <div class="info-name">
                <span>* 姓名</span>
                <input type="text"  name="mdShopuser.Name" value="" autofocus="autofocus" >
            </div>
            <div class="info-name">
                <span>* 手机号</span>
                <input type="text" value="" name="mdShopuser.Phone">
            </div>
            <div class="info-name">
                <span>* 店铺名称</span>
                <input type="text" value="" name="mdShopuser.ShopName">
                <div class="info-name">
                    <span>* 行业类别</span>
                    <input type="text" value="" name="mdShopuser.SalesPikd">
                </div>
                <div class="info-name">
                    <span>* 店铺地址</span>
                    <input type="text" value="" name="mdShopuser.ShopAddress">
                </div>
                <div class="info-name">
                    <span>详细地址</span>
                    <input type="text" value="" name="mdShopuser.DetailAddress">
                </div>
                <div class="reason">
                    <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 class="login-info login-name">        <i class="fa fa-user-o"></i>        <input type="text" value="" autofocus="autofocus" name="member.number_id" placeholder="请输入账号" id="input_username">    </div>    <div class="login-info login-pwd">        <i class="fa fa-lock" 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 class="login-reg">        <span><a href="/_view/_web/register/notMemberRegister.html">免费注册</a></span>    </div>    <div class="login-btn">        <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})            }        })    }

}

原文地址:https://www.cnblogs.com/zrboke/p/11559441.html

时间: 2024-10-12 09:21:08

from表单发送请求方式的相关文章

php+socket模拟表单发送请求

1 <?php 2 /** 3 * http请求类(php + socket) 4 * @todo 这里还有很多未完善的地方,仅有简单的get post head请求 5 * @author [email protected] 6 * @version 1.0.0 7 */ 8 9 class HttpClient { 10 11 const CRLF = "\r\n"; 12 private $fh = null; //socket handle 13 private $err

form表单发送请求实例

<%@ page language="java" contentType="text/html; charset=UTF-8"    pageEncoding="UTF-8" import="java.util.*,javax.faces.context.FacesContext,javax.faces.application.FacesMessage,javax.servlet.http.HttpServletRequest&q

织梦cmsf表单提交到邮箱 织梦表单发送到邮箱 织梦自定义表单发邮箱

大家在做织梦做网站开发时会遇到一个问题:织梦的自定义表单是一个很鸡肋的功能,不仅在后台展示得奇丑,而且也没有提醒功能,使用起来很不方便.很多人用织梦自定义表单时,都想用户提交表单的时候可以发送到自己的邮箱里面去提醒自己.这样省了经常去织梦网站后台看最新的表单情况. 第一步:打开织梦后台,系统->核心参数 开启smtp 第二步: 修改/plus/diy.php代码.打开网站根目录下的plus文件 夹,里面有个diy.php文件(表单提交后处理文件),打开它,在85行上下有如下代码: $query

利用 ajax自定义Form表单的请求方式

需求场景:有时候单纯的form表单无法向后端传递额外的参数 比如需要action传递js异步生成的参数 ,form表单默认的action就无法满足需求,这时就需要我们自定义form表单的提交方式. html:(向后台传递对任务的评论内容,默认缺点:不能携带任务id) 1 <div> 2 <form action="#" id="form_comment"> 3 <textarea id="comment" requi

dedecms织梦自定义表单发送到指定邮箱(qq,163)

网上很多教程都是用dedecms自带的邮件库发送邮件,而且是写死要发送的字段内容,今天我们用phpmailer来给站长发送自定义表单提交的数据到指定邮箱上(QQ邮箱,163邮箱都可以),不写死任何东西,有什么字段就提交发送什么字段. 操作之前,我们要先搞定用来发送邮件的那个邮箱,说白了就是要开启SMTP. QQ篇 登录QQ邮箱-设置-账户,找到POP3/IMAP/SMTP,开启,现在的邮箱开启POP3/SMTP都要授权码了,千万要记下你的授权码啊,等一下是作为密码使用的. 开启成功后是这样的 1

表单发送文件及加自定义参数

/****************************************************************************************** 作者: Eddie Xu ** 时间: 2017/12/7 20:16:44 ** 版本: V1.0.0 ** CLR: 4.0.30319.42000 ** GUID: c76c1823-494c-4fb3-8f3e-0d957eaa4089 ** 机器名: DESKTOP-ECII567** 描述: 尚未编写描

DedeCMS织梦自定义表单发送指定邮件

第一步.创建自定义表单 首先,我先自定义创建一个自定义表单,先把我们想要的属性,添加进行,然后完成后. 如下图: 1.先新建自定义表单,定义好前台页面.核心→频道模型→自定义表单→增加新的自定义表单 第二步.修改文件 打开网站根目录下的plus文件夹,里面有个diy.php文件(表单提交后处理文件),打开它,在85行上下有如下代码: $query = "INSERT INTO `{$diy->table}` (`id`, `ifcheck` $addvar)  VALUES (NULL,

php表单发送到邮箱V1.0

html表单代码: <form action="index.php" name="form" method="POST"> <ul > <input name="url" type="hidden" id="url"> <input name="ip" type="hidden" id="ip&q

jQuery中的Ajax几种请求方式

1. load( url, [data], [callback] ) :载入远程 HTML 文件代码并插入至 DOM 中. url (String) : 请求的HTML页的URL地址. data (Map) : (可选参数) 发送至服务器的 key/value 数据. callback (Callback) : (可选参数) 请求完成时(不需要是success的)的回调函数. 这个方法默认使用 GET 方式来传递的,如果[data]参数有传递数据进去,就会自动转换为POST方式的.jQuery