Json實現(xiàn)傳值到后臺代碼實例
更新時間:2020年06月30日 09:43:23 作者:higsan
這篇文章主要介紹了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ù)組轉換成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拿到json數(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); } }
以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持腳本之家。
相關文章
JavaScript實現(xiàn)簡易飛機大戰(zhàn)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)簡易飛機大戰(zhàn),文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下2022-05-05深入理解關于javascript中apply()和call()方法的區(qū)別
下面小編就為大家?guī)硪黄钊肜斫怅P于javascript中apply()和call()方法的區(qū)別。小編覺得挺不錯的,現(xiàn)在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧2016-04-04使用javascript實現(xiàn)有效時間的控制,并顯示將要過期的時間
本篇文章主要介紹了使用javascript實現(xiàn)有效時間的控制,并顯示將要過期的時間示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01編寫高性能的JavaScript 腳本的加載與執(zhí)行
把腳本放在body中,當瀏覽器遇見<script>標簽時, 瀏覽器不知道腳本會插入文本還是html標簽,因此瀏覽器會停止分析html頁面而去執(zhí)行腳本。2010-04-04