生成表单json字串

在网上找到一个生成表单的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>

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值