ajax返回的数据对from表单自动填充

最近工作遇到的问题 因为ajax的返回的数据比较多传统赋值效率较低 就在想能不能自动填充页面表单

网上看了一圈后看的云里雾里  我就自己想的超简单实现方法

放下代码

$.ajax({
            url: xxxx,
            type: "GET",
            dataType: 'json',
            success: function (result) {
                if ("200" == result.code) {
                  var data = result.data
                  for(var k in data){
          			var type = $("[name="+k+"]").attr("type");
          			$("textarea[name="+k+"]").val(data[k]);
          			if (type!=undefined&&type!=null) {
          				if(type=="text"){
          					if(data[k]!=""&&data[k]!=null){
          						$("[name="+k+"]").val(data[k]);
          					}
          				}else if(type=="radio"){
          					if(data[k]!=""&&data[k]!=null){
          						$("[name="+k+"][value="+data[k]+"]").attr("checked","true");
          					}
          				}else if(type=="checkbox"){
          					var ckeckboxVal = data[k];
          					if(ckeckboxVal!=""&&ckeckboxVal!=undefined&&ckeckboxVal!=null){
          						if(ckeckboxVal.length==1){
          							$("[name="+k+"][value="+ckeckboxVal+"]").attr("checked","true");
          						}else{
          							var str = ckeckboxVal.split(",");
          							for (var i = 0; i < str.length; i++) {
          							    $("[name="+k+"][value="+str[i]+"]").attr("checked","true");
          							}
          						}
          					}
          				}
          				
          				}
          			}
          		}
                }
            }
        });

这是对返回数据的处理  有一个前提是 反回数据的name 必须是和页面的name一样

第一  我的数据主要在result.data里 每个人根据个人情况取值

第一步 for 遍历json对象  

第二步 根据name 找页面上相对应的input并获得type类型

第三步 根据type 类型的不一样 进行对应的对表单操作（checkbox的返回值为逗号分割的字符串“1,2,3,4" 所以要判断长度）

代码有点粗糙 ，主要是提供个思路