1. 程式人生 > >json傳值到後臺

json傳值到後臺

根據 每一個 article parameter () -m led hashmap Java後端

1.定義一個鍵值對對象
function ObjData(key,value){
this.Key=key;
this.Value=value;
}

2.在點擊表單的提交buttom的方法中:
var list=document.getElementById("myForm").getElementsByTagName("input");//查詢form下的所有input標簽
var array=[]; //定義一個對象數據 存放每一個input的鍵值對(input中“name”為key,“value”為value)

for(var i=0;i<list.length && list[i];i++) //對表單中所有的input進行遍歷
{
//判斷不是空的 input,進行表單提交
if(list[i].value!="" || list[i].value!=null)
{

var key=list[i].name;
var value=list[i].value;
var s=new ObjData(key,value); //創建鍵值對象
array.push(s); //把對象放入對象數組中
}
}



3.把數組轉換成json字符串
var postData = JSON.stringify(array);

4.使用ajax提交數據
//get是通過地址欄傳參數
$.ajax({
url :‘<%=basePath%>sysparam/editForm.do?postData=‘+postData,
cache : false,
type : "get",
datatype : "json",
contentType : "application/json",
data : {postData:postData},
success : function(data)
{
if(data=="1"){
//根據後臺返回值確定是否操作成功
}
}
});

5.java後端使用request拿到json數據
String ds = request.getParameter("postData");
JSONArray json=JSONArray.fromObject(ds); //使用net.sf.json.JSONObject對象來解析json
JSONObject jsonOne;
Map<String,Object> map=null;
List<Map<String, Object>> listMap=new ArrayList<Map<String,Object>>();
for(int i=0;i<json.size();i++){
map = new HashMap<String,Object>();
jsonOne = json.getJSONObject(i);
map.put("key", (String) jsonOne.get("Key"));
map.put("value", (String) jsonOne.get("Value"));
//只保留不為空的 鍵值對
if( (String) jsonOne.get("Value")!=""&&!"".equals( (String) jsonOne.get("Value"))){
listMap.add(map);
}
}

json傳值到後臺