Jquery动态生成表单

界面初始化，在界面加载的时候使用Ajax发起请求查询数据返回到界面进行初始化。

Aajx发起请求后根据后台返回的JSON类型的结果集动态生成表单并显示结果。

后台返回数据(JSONArray)：

@Controller

@RequestMapping("/chushihua")

public class ZtController{

@RequestMapping("/initPage")

@ResponseBody

public JSONArray initPage(HttpServletRequest request,Model model) throws Exception{

     Sting ny = request.getParameter("ny");

     JSONArray initData = service.getSearchResult(ny);

     return initData;

}

}

前台jsp页面显示：

   

     
       
           
     
     
     
     
   
       

所属年月:

年       月       *

  
   

   

  
    单位：万元
   
   
   

 

 

总结：

        1、返回数据类型JSONArray类型--type:‘json’

         2、清空表单：table.empty；清空表单元素：$("#tablename tr").empty

         3、添加表单元素：table.append()

         4、动态生成的表单中可以传入返回的数据值

         5、对于返回有多条数据的情况，取指定行数据的方法为：

              $('input[name="ZYJJH_JE"]').each(function(index, item) {
                           if(index == i){
                                  ZYJJH_JE = $(this).val();
              }

              //由于元素id可能重复，所以去name属性；
              });

         6、取input元素输入后的值的方法:$("#inputid").val    $("#inputid").attr("value")

         7、判断为整数或者小数的正则表达式：var re = /^[0-9]+(\.[0-9]+)?$/;