serialize方法

最新推荐文章于 2023-07-28 09:02:10 发布

weixin_33804582

最新推荐文章于 2023-07-28 09:02:10 发布

阅读量107

点赞数

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/tcyx/blog/710856

为什么80%的码农都做不了架构师？>>>

有时候，

表单值太多，

又想快速取到表单里的获得的参数

jquery 里有个

serialize方法

手册上说，为序列表表格内容为字符串

下面就是一坨表单代码

<form class="horizontal3">
	<div class="pingguLi">
		<h2>1、您的年龄介于</h2>
		<dl>
			<dd>
			  <input type="radio" name="age" fzdata="" class="" value="A  18-30岁" checked=""> A  18-30岁
			</dd><dd>
			  <input type="radio" name="age" fzdata="" class="" value="B  31-50岁"> B  31-50岁
			</dd><dd>
			  <input type="radio" name="age" fzdata="" class="" value="C  51-65岁"> C  51-65岁
			</dd><dd>
			  <input type="radio" name="age" fzdata="" class="" value="D  高于65岁"> D  高于65岁
			</dd>
		</dl>
	</div>	
	<div class="pingguLi">
		<h2>2、您的学历</h2>
		<dl>
			<dd>
			  <input type="radio" name="education" fzdata="" class="" value="A  高中及以下" checked=""> A  高中及以下
			</dd><dd>
			  <input type="radio" name="education" fzdata="" class="" value="B  中专或大专"> B  中专或大专
			</dd><dd>
			  <input type="radio" name="education" fzdata="" class="" value="C  本科"> C  本科
			</dd><dd>
			  <input type="radio" name="education" fzdata="" class="" value="D  硕士及以上"> D  硕士及以上
			</dd>
		</dl>
	</div> 
	<div class="pingguLi">
		<h2>3、您的职业为</h2>
		<dl>
			<dd>
			  <input type="radio" name="occupation" fzdata="" class="" value="A  无固定职业" checked=""> A  无固定职业
			</dd><dd>
			  <input type="radio" name="occupation" fzdata="" class="" value="B  专业技术人员"> B  专业技术人员
			</dd><dd>
			  <input type="radio" name="occupation" fzdata="" class="" value="C  一般企事业单位员工"> C  一般企事业单位员工
			</dd><dd>
			  <input type="radio" name="occupation" fzdata="" class="" value="D  金融行业一般从业人员"> D  金融行业一般从业人员
			</dd>
		</dl>
	</div> 					
	<div class="tjbd submitBdDiv">
	<h2>4、请准确填写下列信息</h2>
		<div class="inputDiv">
			<span>您的姓名：</span><input type="text" name="name">
		</div>
		<div class="inputDiv">
			<span>联系方式：</span><input type="text" name="contact">
		</div>	
		<div class="clear"></div>
		<div class="inputDiv">
			<span>证件类型：</span><input type="text" name="id_type">
		</div>
		<div class="inputDiv">
			<span>证件号码：</span><input type="text" name="id_num">
		</div>	
		<div class="clear"></div>					
		<div class="inputDiv">
			<span>电子邮箱：</span><input type="text" name="email">
		</div>
		<div class="clear"></div>					
		<div class="inputDiv">
			<span>验证码：</span><input type="text" placeholder=""  name="code" class="reyzm" />				
		</div>
		<div class="inputDiv">
			<img src="/Api/index/showCode.html" alt="" class="code" onclick="this.src='/Api/index/showCode.html?'+Math.random();">
		</div>
		
	</div>										
	<div class="anniuDiv submitBdDiv" style="display: none;">		
		<input type="button" value="提交" class="bdsubmit submitBd btn btn-info">
	</div>
</form>
		
<p style="line-height:24px">
    <strong><span style="font-size:13px"><br/></span></strong>
</p>
<p style="line-height:150%;border:none;padding:0 0 0 0">
    继续浏览本网站之前，请您细阅此重要提示，根据您的具体情况进行选择。请确认您所代表的机构或您本人是一名<span style="font-family:Helvetica">“</span>私募基金合格投资者<span style="font-family:Helvetica">”</span>，具有相应的风险识别能力和风险承受能力。本网站介绍的信息、工具和资料仅供一般性参考，除非另有明确协议约定，不应被视为购买或销售任何金融产品的某种要约，亦非对任何交易的正式确认。<span style="line-height: 150%;">本网站所载资料有关的所有版权、专利权、知识产权及其他产权均为本公司所有。</span>
</p>
<p style="line-height:150%;border:none;padding:0 0 0 0">
    &nbsp;
</p>
<p style="line-height:150%;border:none;padding:0 0 0 0">
    &nbsp;
</p>
<p style="line-height:150%;border:none;padding:0 0 0 0">
    <input type="radio" checked="checked"/>&nbsp;<strong><span style="font-size:13px;font-family:宋体">免责声明：我承诺以上信息真实有效，若上述信息与真实情况有误，将由个人承担全部法律责任。</span></strong>
</p>
<p>
    <br/>
</p>									
	<div class="cueneirong_a">
		<a class="tjbdla">是</a>
		<!-- <a class="tjbdla" href="/Index/index/type/agree.html">是</a> -->
		<a href="">否</a>
	</div>
		</div>
	</div>
</div>

以下为jquery 的ajax

<script>
$(function(){
    $('.tjbdla').click(function(){
	var formdata = $('.horizontal3').serialize();
	$.ajax({
		url:url,
		type: 'POST',
		data:formdata,
		dataType: 'json',
		success:function(msg){
			if(msg.status){
				window.location.href="/";
			}else{
				alert(msg.msg);
			}				
		}
	})
	return false;
    })
})
</script>

提交到后台的$_POST格式即为数组形式。

转载于:https://my.oschina.net/tcyx/blog/710856