Json實(shí)現(xiàn)傳值到后臺代碼實(shí)例
1.定義一個(gè)鍵值對對象
function ObjData(key,value){ this.Key=key; this.Value=value; }
2.在點(diǎn)擊表單的提交buttom的方法中:
var list=document.getElementById("myForm").getElementsByTagName("input");//查詢form下的所有input標(biāo)簽 var array=[]; //定義一個(gè)對象數(shù)據(jù) 存放每一個(gè)input的鍵值對(input中“name”為key,“value”為value) for(var i=0;i<list.length && list[i];i++) //對表單中所有的input進(jìn)行遍歷 { //判斷不是空的 input,進(jìn)行表單提交 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)文章
JavaScript實(shí)現(xiàn)簡易飛機(jī)大戰(zhàn)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡易飛機(jī)大戰(zhàn),文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-05-05深入理解關(guān)于javascript中apply()和call()方法的區(qū)別
下面小編就為大家?guī)硪黄钊肜斫怅P(guān)于javascript中apply()和call()方法的區(qū)別。小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-04-04swiper實(shí)現(xiàn)導(dǎo)航滾動(dòng)效果
這篇文章主要為大家詳細(xì)介紹了swiper實(shí)現(xiàn)導(dǎo)航滾動(dòng)效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-12-12使用javascript實(shí)現(xiàn)有效時(shí)間的控制,并顯示將要過期的時(shí)間
本篇文章主要介紹了使用javascript實(shí)現(xiàn)有效時(shí)間的控制,并顯示將要過期的時(shí)間示例代碼。需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01js對象轉(zhuǎn)json數(shù)組的簡單實(shí)現(xiàn)案例
本篇文章主要是對js對象轉(zhuǎn)json數(shù)組的簡單實(shí)現(xiàn)案例進(jìn)行了介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-02-02js使用函數(shù)綁定技術(shù)改變事件處理程序的作用域
在html頁面里面為某個(gè)元素的事件指定處理程序有很多種方式2011-12-12編寫高性能的JavaScript 腳本的加載與執(zhí)行
把腳本放在body中,當(dāng)瀏覽器遇見<script>標(biāo)簽時(shí), 瀏覽器不知道腳本會(huì)插入文本還是html標(biāo)簽,因此瀏覽器會(huì)停止分析html頁面而去執(zhí)行腳本。2010-04-04JavaScript笛卡爾積超簡單實(shí)現(xiàn)算法示例
這篇文章主要介紹了JavaScript笛卡爾積超簡單實(shí)現(xiàn)算法,涉及javascript數(shù)組遍歷、添加簡單操作技巧,需要的朋友可以參考下2018-07-07