前台拼接json+input输入框

拼接成数组

//用js

function getTextByJs() {

   var str =  "" ;

     //根据name获取所有元素

   var txts = document.getElementsByName( "txt" );

  for(var i = 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())
 } );
});