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文檔