前台拼接json+input输入框

拼接成数组

//用js

function getTextByJs() {

   varstr = "";

    //根据name获取所有元素

   vartxts = document.getElementsByName("txt");

  for(vari = 0; i < txts.length; i++) {

        str += txts[i].value + ",";

    }

    //去掉最后一个逗号(如果不需要去掉，就不用写)

   if(str.length > 0) {

        str = str.substr(0, str.length - 1);

    }

   return str;

}

//用jquery

function getTextByJquery() {

  var str = "";

    //遍历name为txt的所有input元素

    $("input[name='txt']").each(function() {

        str += $(this).val() + ",";

    });

    //去掉最后一个逗号(如果不需要去掉，就不用写)

   if(str.length > 0) {

        str = str.substr(0,str.length - 1);

    }

return str;

}




拼接成对象

var datalist= new Array(); 

for ( var i = 1; i <= bookCount; i++) { 

var object = new Object(); 

object.id = i; 

object.name = "同学"+i;  

datalist.push(object);        

   }  

前台传输对象list

 function saveData(datalist){  
$.ajax({  
type:"POST",  
url:base +"/save",  
data:{"datalist":JSON.stringify(datalist)},  
dataType: "json",  
success:function (data){  
     
},  
error:function (){  
     alert("insert serv wrong");  
});  
 }  


后台接收json对象list

后台转换得到对象对应值：

       注意：这样使用的话，引入JSONArray的类型为org.json而不是net.sf.json，笔者开始引入的是net.sf.json.JSONArray，但JSONObject.fromObject(obj)时报错报java.lang.reflect.InvocationTargetException错误。解决很久未果，偶然看一网友说用org.json比net.sf.json好用，就试了下。在此给大家提供个参考。

public Object save(@Param("datalist")String list){        
    JSONArray jsonArray = new JSONArray(list);  
    String id = jsonArray.getJSONObject(0).get("id");</span>//得到第一个同学的id  
        String name = jsonArray.getJSONObject(0).get("name");</span>//得到第一个同学的name  
       return true;   
    } 

获取input的name,val

取name
$(function(){
  $("input").each(function(index,item){
alert($(this).attr("name"))
 });
});


取值
$(function(){
 $("input[name='sort[]']").each(function(index,item){
alert($(this).val())
 } );
});