封装提交数据向后台传的参数
-
<ul> <li> <p>现居住地址：</p> <input name="address" id="address" class="input u10_inputlong" type="text" value=""> </li> <li> <p>手机号码：</p> <input onkeyup="value=this.value.replace(/\D+/g,'');" name="tel" id="tel" maxlength="11" class="input u10_tex2" type="text" value=""> </li> <li> <p>第一联系人：</p> <input name="contact1" id="contact1" class="input u10_tex2" type="text" value=""> </li> <li> <p>关系：</p> <input type="radio" name="contact1_re" value="家庭成员" id="contact1_re_0"> <label for="contact1_re_0">家庭成员</label> <input type="radio" name="contact1_re" value="朋友" id="contact1_re_1"> <label for="contact1_re_1">朋友</label> <input type="radio" name="contact1_re" value="商业伙伴" id="contact1_re_2"> <label for="contact1_re_2">商业伙伴</label> </li> <li> <p>手机号码：</p> <input onkeyup="value=this.value.replace(/\D+/g,'');" name="contact1_tel" maxlength="11" id="contact1_tel" class="input u10_tex2" type="text" value=""> </li> <li> <p>其他：</p> <input name="contact1_other" id="contact1_other" class="input u10_inputlong" type="text" value=""> </li> <li> <p>第二联系人：</p> <input name="contact2" id="contact2" class="input u10_tex2" type="text" value=""> </li> <li> <p>关系：</p> <input type="radio" name="contact2_re" value="家庭成员" id="contact2_re_0"> <label for="contact2_re_0">家庭成员</label> <input type="radio" name="contact2_re" value="朋友" id="contact2_re_1"> <label for="contact2_re_1">朋友</label> <input type="radio" name="contact2_re" value="商业伙伴" id="contact2_re_2"> <label for="contact2_re_2">商业伙伴</label> </li> <li> <p>手机号码：</p> <input onkeyup="value=this.value.replace(/\D+/g,'');" name="contact2_tel" maxlength="11" id="contact2_tel" class="input u10_tex2" type="text" value=""> </li> <li> <p>其他：</p> <input name="contact2_other" id="contact2_other" class="input u10_inputlong" type="text" value=""> </li> <li> <p>第三联系人：</p> <input name="contact3" id="contact3" class="input u10_tex2" type="text" value=""> </li> <li> <p>关系：</p> <input type="radio" name="contact3_re" value="家庭成员" id="contact3_re_0"> <label for="contact3_re_0">家庭成员</label> <input type="radio" name="contact3_re" value="朋友" id="contact3_re_1"> <label for="contact3_re_1">朋友</label> <input type="radio" name="contact3_re" value="商业伙伴" id="contact3_re_2"> <label for="contact3_re_2">商业伙伴</label> </li> <li> <p>手机号码：</p> <input onkeyup="value=this.value.replace(/\D+/g,'');" name="contact3_tel" maxlength="11" id="contact3_tel" class="input u10_tex2" type="text" value=""> </li> <li> <p>其他：</p> <input name="contact3_other" id="contact3_other" class="input u10_inputlong" type="text" value=""> </li> </ul> <input type="button" class="u10_but" value="保存/下一步" onclick="editContact()">//提交表单js方法， 主要看封装的makevar()方法
function editContact(){ p = makevar(['contact2_other','contact2_tel','contact1_tel','contact1_other','contact2_re','contact1_re','contact1','contact2','tel','address','contact3_tel','contact3','contact3_other','contact3_re']); $.ajax({ url: "/member/memberinfo/editcontact", data: p, timeout: 5000, cache: false, type: "post", dataType: "json", success: function (d, s, r) { if(d.status==1){ layer.msg('保存成功'); }else layer.msg(d.message); } }); } function makevar(v){ var d={}; for(i in v){ var id = v[i]; d[id] = $("#"+id).val(); if(!d[id]) d[id] = $("input[name='"+id+"']:checked").val(); } return d; }//获取数据填入dom
function getEditContact () {
layer.msg('加载中......', {
icon: 16,
shade: 0.01
});
$.get('/member/memberinfo/editcontact',function(res){
if(res.data){
for(var key in res.data){
$('#'+key).val(res.data[key]);
if(!$('#'+key).length){ //如果没有这个元素， 则循环name为key的input,val与key所对应的值相等时，则让该元素选中
$.each($("input[name="+key+"]"),function(i,k){
if ($(this).val() == res.data[key]){
$(this).prop('checked',true);
}
})
}
}
}
},'json')
}
