码迷,mamicode.com
首页 > 其他好文 > 详细

封装提交数据向后台传的参数

时间:2018-03-17 16:16:20      阅读:151      评论:0      收藏:0      [点我收藏+]

标签:put   ted   ==   取数   循环   icon   tac   fun   label   

  •  <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‘)
}

  

封装提交数据向后台传的参数

标签:put   ted   ==   取数   循环   icon   tac   fun   label   

原文地址:https://www.cnblogs.com/En-summerGarden/p/8590246.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!