Jquery把获取到的input值转换成json
程序员文章站
2022-06-12 22:58:21
话不多说，请看代码：
话不多说，请看代码：
<!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>
<title> jquery把获取到的input值转换成json</title>
<meta http-equiv="content-type" content="text/html;charset=utf-8" />
<link rel="stylesheet" type="text/css" href="" />
<style type="text/css">
.box{width:500px;height:500px;border:1px solid #e5e5e5;}
</style>
<script type="text/javascript" src="jquery-1.7.1.min.js"></script>
</head>
<body>
<div class="box">
姓名：<input type="text" value="" name="username" /> <br/><br/>
年龄：<input type="text" value="" name="age" /> <br/><br/>
生日：<input type="text" value="" name="birth" /> <br/><br/>
城市：<input type="text" value="" name="city" /> <br/><br/>
省份：<input type="text" value="" name="provicen" /> <br/><br/>
性别：<input type="text" value="" name="sex" /> <br/><br/>
<input type="button" value="提交" class="comment">
</div>
<script type="text/javascript">
$(document).ready(function(){
$(".comment").click(function(){
pararr = {};
var username = $('input[name=username]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.username = username;
var age = $('input[name=age]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.age = age;
var birth = $('input[name=birth]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.birth = birth;
var city = $('input[name=city]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.city = city;
var provicen = $('input[name=provicen]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.provicen = provicen;
var sex = $('input[name=sex]').val().replace(/(^\s*)|(\s*$)/g, "");
pararr.sex = sex;
var params = json.stringify(pararr);
alert(params);
});
});
</script>
</body>
</html>
以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持！