Json實現(xiàn)傳值到后臺代碼實例
1.定義一個鍵值對對象
function ObjData(key,value){
this.Key=key;
this.Value=value;
}
2.在點擊表單的提交buttom的方法中:
var list=document.getElementById("myForm").getElementsByTagName("input");//查詢form下的所有input標簽
var array=[]; //定義一個對象數(shù)據(jù) 存放每一個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); //創(chuàng)建鍵值對象
array.push(s); //把對象放入對象數(shù)組中
}
}
3.把數(shù)組轉(zhuǎn)換成json字符串
var postData = JSON.stringify(array);
4.使用ajax提交數(shù)據(jù)
//get是通過地址欄傳參數(shù)
$.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"){
//根據(jù)后臺返回值確定是否操作成功
}
}
});
5.java后端使用request拿到j(luò)son數(shù)據(jù)
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);
}
}
以上就是本文的全部內(nèi)容,希望對大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
使用ajax的post同步執(zhí)行(實現(xiàn)方法)
下面小編就為大家分享一篇使用ajax的post同步執(zhí)行(實現(xiàn)方法),具有很好的參考價值,希望對大家有所幫助2017-12-12
跟我學(xué)習(xí)javascript的prototype原型和原型鏈
跟我學(xué)習(xí)javascript的prototype原型和原型鏈,感興趣的小伙伴們可以參考一下2015-11-11
使用JS實現(xiàn)導(dǎo)航切換時高亮顯示的示例講解
今天小編就為大家分享一篇使用JS實現(xiàn)導(dǎo)航切換時高亮顯示的示例講解,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
分享Javascript中最常用的55個經(jīng)典小技巧
這篇文章主要介紹了Javascript中最常用的55個經(jīng)典小技巧。需要的朋友可以過來參考下,希望對大家有所幫助2013-11-11
JavaScript精煉之構(gòu)造函數(shù) Constructor及Constructor屬性詳解
對象的constructor屬性用于返回創(chuàng)建該對象的函數(shù),也就是我們常說的構(gòu)造函數(shù),除了創(chuàng)建對象,構(gòu)造函數(shù)(constructor) 還做了另一件有用的事情—自動為創(chuàng)建的新對象設(shè)置了原型對象(prototype object)2015-11-11

