首页 / JSON / 项目中多条数据保存的json实例
项目中多条数据保存的json实例
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了项目中多条数据保存的json实例，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含4921字，纯文字阅读大概需要8分钟。
内容图文
//js代码
function checkCode(num){ var typeid = $("#typeid").val(); if(typeid == ""){ alert("请选择信息类别"); return false ; } var i = 1; for(i=1;i<=num;i++){ //判断每一行是否填写相关的值 var dataname = $("input[name=‘dataname"+i+"‘]").val(); var isopen=$("input:radio[name=‘isopen"+i+"‘]:checked").val(); if(dataname == ""){ alert("请输入数据名称"); return false; } } return true; } //自动新增一行 $(function(){ $( ".table1" ).on( "click",".add", function() { var num=$(".table1").find(".clone-tr").length; if(checkCode(num)){ ht = $(this).closest(".clone-tr").clone(true); // var num=$(".table1").find(".clone-tr").length; if(num<20){ var check=$(ht).find(".check-box"); var inp=$(ht).find("input[type=‘text‘]"); var num2 = num + 1 $(check).eq(0).find("input[type=‘radio‘]").attr("name", ‘openway‘+num2); $(check).eq(1).find("input[type=‘radio‘]").attr("name", ‘isopen‘+num2); inp.val(""); inp.filter(function(){ return $(this).attr("name") == "dataname1"; }).attr("name", ‘dataname‘+num2); inp.filter(function(){ return $(this).attr("name") == "datacontent1"; }).attr("name", ‘datacontent‘+num2); inp.filter(function(){ return $(this).attr("name") == "openInterface1"; }).attr("name", ‘openInterface‘+num2); inp.filter(function(){ return $(this).attr("name") == "noOpenInterface1"; }).attr("name", ‘noOpenInterface‘+num2); $(ht).find(".operate").remove(); $(this).closest(".table1 tbody").prepend(ht); $("#numid").val(num); $("#num2id").val(num2); //保存添加后的tr数目 } } }); $( ".table1" ).on( "click",".delete", function() { var num=$(".table1").find(".clone-tr").length; if(num>1){ $(this).closest(".table1 tbody").find("tr").eq(0).remove(); } }); $("#submitid").click(submitAnswer); });
//拼json 串 function writeToJson(num){ var i = 1; var jsonData = "["; for(i=1;i<=num;i++){ var dataname = $("input[name=‘dataname"+i+"‘]").val(); var datacontent = $("input[name=‘datacontent"+i+"‘]").val(); var openInterface = $("input[name=‘openInterface"+i+"‘]").val(); var noOpenInterface = $("input[name=‘noOpenInterface"+i+"‘]").val(); var openway=$("input:radio[name=‘openway"+i+"‘]:checked").val(); var isopen=$("input:radio[name=‘isopen"+i+"‘]:checked").val(); if(i == num ){ jsonData += "{‘dataname‘:‘"+dataname+"‘,‘datacontent‘:‘"+datacontent+"‘,‘openway‘:‘"+openway+"‘,‘isopen‘:‘"+isopen+"‘,‘openInterface‘:‘"+openInterface+"‘,‘noOpenInterface‘:‘"+noOpenInterface+"‘}"; }else{ jsonData += "{‘dataname‘:‘"+dataname+"‘,‘datacontent‘:‘"+datacontent+"‘,‘openway‘:‘"+openway+"‘,‘isopen‘:‘"+isopen+"‘,‘openInterface‘:‘"+openInterface+"‘,‘noOpenInterface‘:‘"+noOpenInterface+"‘},"; } } jsonData += "]" ; //alert("--------"+jsonData); return jsonData ; } function submitAnswer(){ var num = $("#num2id").val(); if(num == ""){ num = 1; } if(checkCode(num)){ var cstr = writeToJson(num); // 拼 json 串 var typeid = $("#typeid").val(); $.ajax({ url: "/saveSurWXData.do", cache: false, type: "POST", dataType: "json", data: { "content":cstr, "typeid":typeid }, success:function(data){ var a = data.topicId; //后台返回json到前台后处理 $("#topicId").val(a); alert("保存成功"); window.location.reload(); }, error: function(){alert("保存失败");} }); } }
jsp 页面：
<tr class="clone-tr">
<td><input type="text" class="inp" name="dataname1" placeholder="请输入"/></td>
<td><input type="text" class="inp" name="datacontent1" placeholder="请输入"/></td>
<td>
<div class="check-box">
<label><input name="isopen1" type="radio" value="是" checked>是</label>
<label><input type="radio" name="isopen1" value="否">否</label>
</div>
</td>
<td>
<p class="box-b">
<input style="width: 160px;" type="text" class="inp" name="noOpenInterface1" placeholder="请输入"/>
</p>
</td>
<td class="btn-operate"><span class="operate"><a class="add">+</a><a class="delete">-</a></span> </td>
</tr>
后台处理json 并返回值：
String jsonStr = this.getRequest().getParameter("content");
JSONArray jsonArray = JSONArray.fromObject(jsonStr);
for(int i=0;i<jsonArray.size(); i++){
JSONObject jsonJ = jsonArray.getJSONObject(i);
String dataname = jsonJ.getString("dataname");
String datacontent = jsonJ.getString("datacontent");
String openway = jsonJ.getString("openway");
String isopen = jsonJ.getString("isopen");
String openInterface = jsonJ.getString("openInterface");
String openperiod = jsonJ.getString("noOpenInterface");
}
//返回json 到前台
JSONObject jsonObject = new JSONObject();
jsonObject.put("topicId", topicId);
this.getPrintWriter(jsonObject);
private void getPrintWriter(Object object) {
try {
out = this.getResponse().getWriter();
out.print(object);
out.close();
} catch (IOException e) {
System.out.println("error:"+e.getMessage());
}
}
当然还有 struts 的配置：
<action name="*" class="com.*action.*" method="*"> <result name="success" type="json"></result> </action>
原文：http://www.cnblogs.com/estellez/p/4526127.html
内容总结
以上是互联网集市为您收集整理的项目中多条数据保存的json实例全部内容，希望文章能够帮你解决项目中多条数据保存的json实例所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。
来源：【匿名】