jquery 获取表单json ,jquery为表单赋值json扩展

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了jquery 获取表单json ,jquery为表单赋值json扩展相关的知识,希望对你有一定的参考价值。

jquery 获取表单json ,为表单赋值扩展 

 

$.extend({
    setForm :function(frm,jsonValue) {   
    var obj=$(frm);  
    $.each(jsonValue, function (name, ival) {  
        var $oinput = obj.find("input[name=" + name + "]");   
        if ($oinput.attr("type")== "radio" || $oinput.attr("type")== "checkbox"){  
             $oinput.each(function(){  
                 if(Object.prototype.toString.apply(ival) == ‘[object Array]‘){// 是复选框,并且是数组
                      for(var i=0;i<ival.length;i++){  
                          if($(this).val()==ival[i])  
                             $(this).attr("checked", "checked");  
                      }  
                 }else{  
                     if($(this).val()==ival)  
                        $(this).attr("checked", "checked");  
                 }  
             });  
        }else if($oinput.attr("type")== "textarea"){// 多行文本框
            obj.find("[name="+name+"]").html(ival);  
        }else{  
             obj.find("[name="+name+"]").val(ival);   
        }  
    });
},
getFormJson:function(frm) {
        var o = {};
        var a = $(frm).serializeArray();

        $.each(a, function() {
            if (this.name == "password") {
                //this.value = $.md5(this.value) //md5操作 
          this.value=this.value; }
if (o[this.name] !== undefined) { if (!o[this.name].push) { o[this.name] = [ o[this.name] ]; } o[this.name].push(this.value || ‘‘); } else { o[this.name] = this.value || ‘‘; } }); return o; } });

 

赋值使用:

function load(){
                
                var qId = $.getUrlParam(window.location.href,‘id‘);
                
                var data = {id :qId};
                var url = "/api/sysuser/info";
                $.get(url,data,function(result){
                    if(result.status=="1")
                      {
                        //var template= $(‘#form1‘).tmpl(result.data);
                        //$(‘#form1‘).replaceWith(template);
                        $.setForm(‘#form1‘,result.data);
                        
                      }
                },‘json‘);
                
            }

 

以上是关于jquery 获取表单json ,jquery为表单赋值json扩展的主要内容,如果未能解决你的问题,请参考以下文章

Jquery表单提交后获取返回Json值

将Jquery序列化后的表单值转换成Json

如何在 JQuery 表单构建器中使用 JSON 呈现表单

jQuery将.serialize()数据转换为JSON数据

如何使用jquery获取html表单的每个客户端控件的名称name和value值?以json格式返回

在 Struts 2 + jQuery + json 中按回车键停止提交表单