快捷導(dǎo)航

Json實(shí)現(xiàn)傳值到后臺(tái)代碼實(shí)例

更新時(shí)間：2020年06月30日 09:43:23 作者：higsan

這篇文章主要介紹了Json實(shí)現(xiàn)傳值到后臺(tái)代碼實(shí)例,文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下

1.定義一個(gè)鍵值對(duì)對(duì)象

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è)對(duì)象數(shù)據(jù) 存放每一個(gè)input的鍵值對(duì)（input中“name”為key,“value”為value）
 
for(var i=0;i<list.length && list[i];i++) //對(duì)表單中所有的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)建鍵值對(duì)象
      array.push(s); //把對(duì)象放入對(duì)象數(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ù)后臺(tái)返回值確定是否操作成功
}
        }
 });

5.java后端使用request拿到j(luò)son數(shù)據(jù)

String ds = request.getParameter("postData");
JSONArray json=JSONArray.fromObject(ds); //使用net.sf.json.JSONObject對(duì)象來解析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"));
     //只保留不為空的 鍵值對(duì)
     if( (String) jsonOne.get("Value")!=""&&!"".equals( (String) jsonOne.get("Value"))){
     listMap.add(map); 
     }
}

以上就是本文的全部?jī)?nèi)容，希望對(duì)大家的學(xué)習(xí)有所幫助，也希望大家多多支持腳本之家。

您可能感興趣的文章: