Json实现传值到后台代码实例
 编程学习 2021-07-04 14:06www.dzhlxh.cn编程入门
         这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
                        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); 
     }
}
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持狼蚁SEO。
 上一篇:vue实现评价星星功能 
          下一篇:vue实现循环滚动列表  
        编程语言
- ThinkPad 笔记本如何调节LCD屏幕亮度
 - Dreamweaver制作网页打开特效教程
 - Win10 Mobile 10586升级后无限重启怎么办 硬重启帮您
 - Win8系统提示音频设备有问题有一个或多个音频服
 - Xbox One版Win10首个预览版9月份发布
 - 如何在textarea文本输入区内实现换行
 - Win10 Build 9901系统更新 预览版新版本下载
 - McAfee Framework存在远程格式串处理漏洞
 - Win10家庭版今日(7月30)正式在中国官方商城开卖
 - Win10 Mobile预览版更新完10536.1000后才收到10536.100
 - Win10 RS2更新了什么-Win10 RS2最终版本号1704首曝
 - Windows7如何查看回收站对应的文件夹有哪些方法
 - Win10让Charms栏回归桌面的方法教程
 - 取消Windows XP系统开机启动画面的小技巧
 - win8系统怎么下载安装USB百兆网卡?
 - XP系统下磁盘空间变少了怎么办?XP系统磁盘空间