Talk Is Cheap, Show The Code。
HTML端:
<form method="post">
<div class="oneLine">
<div class="reg_title">手机号码</div>
<span class="inputbox">
<input type="text" name="phonenumber"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title">邮箱</div>
<span class="inputbox">
<input type="text" name="email"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title">姓名</div>
<span class="inputbox">
<input type="text" name="name"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title">所在公司</div>
<span class="inputbox">
<input type="text" name="company"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title">职位</div>
<span class="inputbox">
<input type="text" name="position"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title">所在城市</div>
<span class="inputbox">
<input type="text" name="address"/>
</span>
</div>
<div class="oneLine">
<div class="reg_title"></div>
<span class="inputbox">
<input id="sub_btn" type="button" value="提交"/>
</span>
</div>
</form>
JS端:
$("#sub_btn").click(function () {
var sendData = {};
//获取所有type=text的input元素的value值,然后保存到对象中
$("input[type='text']").each(function () {
var name = $(this).attr("name");
var value = $("input[name="+ name +"]").val();
data[name] = value;//赋值到对象中
});
$.ajax({
url: '/account/reg',
type: 'post',
data: sendData ,
success: function (data) {
//do something ...
}
})
})
参考文档:http://www.jq22.com/chm/jquery/each.html JQuery文档