`
mushme
  • 浏览: 778127 次
  • 性别: Icon_minigender_1
  • 来自: 西安
社区版块
存档分类
最新评论

生成表单json字串

json读书旅游J#XHTML 
阅读更多
在网上找到一个生成表单的json字串的代码，记录下 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>index</title>
<title>form to json</title>
<script type="text/javascript" src="scripts/jquery-1.3.1.js"></script>
<script type="text/javascript">
$(function(){
	var toJson = function(s){
		var j = '';
		var k = s.split('&');	
		$(k).each(function(i){
			var o = k[i].split('=');
			if(i != k.length-1){
				j += '"' + o[0] + '":"' + o[1] + '",';
			}else{
				j += '"' + o[0]+ '":"' + o[1] + '"';
			}
		})
		return ('{' + j + '}');
	}

	$('#input_login').click(function(e){
		e.preventDefault();
		var d = $('#registerform').serialize();
		var regiData = toJson(d);
		//$.post($('#registerform').attr("action"),regiData,function(json){},'json');	
		$('#w').html(regiData);
	})
})
</script>
</head>

<body>

<form id="registerform" action="registerform.php" method="post">
		<table cellspacing="0" cellpadding="0">
			<tbody>
				<tr>
					<td><label for="form_email">邮箱:</label></td>
					<td><input name="form_email" type="text" id="form_email" size="18" /></td>
				</tr>
				<tr>
					<td><label for="form_pw">密码:</label></td>
					<td><input name="form_pw" type="password" id="form_pw" class="input_tx" size="18" /></td>
				</tr>
				<tr>
					<td><label for="form_user">昵称:</label></td>
					<td><input name="form_user" type="text" id="form_user" class="input_tx" size="18" /></td>
				</tr>
				<tr>
					<td>性别:</td>
					<td>
						<input type="radio" value="sex_man" size="20" name="sex" id="sexm"/> <label for="sex_man">男</label>
						<input type="radio" value="sex_woman" size="20" name="sex" id="sexw" /> <label for="sex_woman">女</label>
					</td>
				</tr>
				<tr>
					<td>爱好:</td>
					<td>
						<input type="checkbox" id="hobby_book" name="hobby_book"/><label title="读书" for="hobby_book">读书</label>
						<input type="checkbox" id="hobby_tour" name="hobby_tour"/><label title="hobby_ball" for="hobby_tour">旅游</label>
						<input type="checkbox" id="hobby_fishing" name="hobby_fishing"/><label title="hobby_ball" for="hobby_fishing">钓鱼</label>
					</td>
				</tr>
				<tr>
					<td><label for="form_sex">居住地:</label></td>
					<td>
					<select id="resideprovince" name="resideprovince">
						<option value="">选择省份</option>
						<option value="北京">北京</option>
						<option value="上海">上海</option>
						<option value="重庆">重庆</option>
						<option value="安徽">安徽</option>
						<option value="福建">福建</option>
						<option value="甘肃">甘肃</option>
						<option value="广东">广东</option>
						<option value="广西">广西</option>
						<option value="贵州">贵州</option>
						<option value="海南">海南</option>
						<option value="河北">河北</option>
						<option value="黑龙江">黑龙江</option>
						<option value="河南">河南</option>
					</select>
					</td>
				</tr>
				<tr>
					<td></td>
					<td>
						<input type="button" id="input_login" value="生成json" />
					</td>
				</tr>
			
			</tbody>
		</table>
	</fieldset>
</form>

<div id="w" style=" padding:5px; background:#EEE;">w</div>
</body>
</html>
分享到：
| 判断近期是否过生日的函数
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics