1function setJson1() {
var tbl = document.getElementById("tbl");
var jsonArr = new Array();
for(var i=0; i < tbl.rows.length; i++) {
var jsonobj = {};
//jsonobj.powCd = tbl.rows[i].cells[0].firstChild.value;
//jsonobj.powName = tbl.rows[i].cells[1].innerHTML;
//jsonobj.startDate= tbl.rows[i].cells[2].innerHTML;
//jsonobj.endDate = tbl.rows[i].cells[3].innerHTML;
jsonobj["powCd"] = tbl.rows[i].cells[0].firstChild.value;
jsonobj["powName"] = tbl.rows[i].cells[1].innerHTML;
jsonobj["startDate"]= tbl.rows[i].cells[2].innerHTML;
jsonobj["endDate"] = tbl.rows[i].cells[3].innerHTML;
//alert(tbl.rows[i].cells[0].firstChild.value);
//alert(tbl.rows[i].cells[1].innerHTML);
//alert(tbl.rows[i].cells[2].innerHTML);
//alert(tbl.rows[i].cells[3].innerHTML);
jsonArr.push(jsonobj);
}
alert(jsonArr.length);
for(var i=0; i < jsonArr.length; i++) {
alert(jsonArr[i]["powCd"]);
alert(jsonArr[i]["powName"]);
}
}
2function setJson2() {
var tbl = document.getElementById("tbl");
for(var i=0; i < tbl.rows.length; i++) {
var jsonobj = {};
jsonobj["powCd"] = tbl.rows[i].cells[0].firstChild.value;
jsonobj["powName"] = tbl.rows[i].cells[1].innerHTML;
jsonobj["startDate"]= tbl.rows[i].cells[2].innerHTML;
jsonobj["endDate"] = tbl.rows[i].cells[3].innerHTML;
var e = document.createElement("input");
e.type = "hidden";
e.name = "power";
e.value="jsonobj";
//document.getElementById("aa").appendChild(e); //ok
document.all.myform.appendChild(e);
}
}
<body onload = "loadSel()" id="aa">
<form name="myform">
<table id="tbl">
<tr id="tr1"><td><input type="checkbox" value="1"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr2"><td><input type="checkbox" value="2"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr3"><td><input type="checkbox" value="3"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
<tr id="tr4"><td><input type="checkbox" value="4"/></td><td>a2</td><td>a3</td><td>a4</td></tr>
</table>
<input type="button" id="tb" value="setJson from table" onclick="setJson()"/>
</form>
</body>
分享到：
相关推荐
总结来说，使用jQuery向后台发送数组对象涉及JSON序列化、$.ajax调用以及后台的JSON解析。理解这些步骤对于实现客户端和服务器之间的数据交换至关重要。在实际项目中，根据具体需求和所选的技术栈，可能还需要考虑...
1. JSON数组到Java集合：JSON数组转换为Java List或其他集合类型： ```java String jsonArrayString = "[{\"name\":\"John\", \"age\":30}, {\"name\":\"Jane\", \"age\":25}]"; List<User> users = mapper....
在给定的代码片段中，我们首先看到的是如何构建一个List对象数组并将其传递给后台。 ```javascript var _list = {}; // 返回后台的数组 var count = 0; for (var item in datas) { var timeMap = datas[item]....
在介绍aspx后台传递Json到前台的两种接收方法之前，我们先了解一些基础知识点。Json（JavaScript Object Notation）是一种轻量级的数据交换格式，易于人阅读和编写，同时也易于机器解析和生成，现在已经成为一种广泛...
在请求中，将JSON字符串放入data对象中，同时将需要后台进行操作的相关字段（如`group_id`、`group_name`）一并放入。 - 在后端的Controller中，通过`@RequestMapping`注解映射`/pair`的POST请求。定义方法接收前端...
本文将介绍如何使用axios向后台传递数组作为参数的方法。 首先需要了解的是，axios支持多种不同的数据传递方式，其中一种是使用`URLSearchParams`。`URLSearchParams`对象实现了`URLSearchParams`接口，它定义了...
`ajax返回json格式数据`是指客户端使用AJAX技术向服务器发送异步请求，服务器接收到请求后处理数据，然后返回JSON格式的响应。在JavaScript中，可以使用`XMLHttpRequest`对象或现代浏览器的`fetch` API实现这一过程...
然而，"ajax传输json出错问题"通常涉及以下几个常见方面： 1. **数据格式错误**：JSON数据必须遵循特定的语法规则，如键值对用冒号分隔，对象用花括号包围，数组用方括号包围，以及所有字符串都必须用双引号括起来...
当前端需要向后台发送数据时，通常会将数据组织成JSON格式，然后通过HTTP请求（如POST或PUT）发送。在JavaScript中，可以使用`JSON.stringify()`方法将JavaScript对象转换为JSON字符串，以便于发送。例如： ```...
首先，JSON因其语法与JavaScript对象相似而得名，它允许我们以键值对的形式存储数据，非常适合于前后端之间的数据传输。例如，一个简单的JSON对象可能看起来像这样： ```json { "name": "John", "age": 30, ...
在这个"Highcharts AJAX后台JAVA JSON 曲线报表完美可运行例子"中，我们将探讨如何结合Java后端和JSON数据格式，通过AJAX技术在网页上展示动态曲线报表。 首先，`index_lineAjax.htm`是前端HTML文件，它包含了...
在Web开发中，经常使用JSON格式传输数据。 本文介绍了如何在jQuery中通过AJAX请求从后台获取JSON格式的数据，并将这些数据动态地渲染到HTML中去。具体的知识点可以分为以下几个方面： 1. jQuery的AJAX方法：在文章...
本套源码提供了一个C#实现的JSON生成器，能够将数据结构转换为JSON格式，便于传输到客户端的JavaScript后台。 首先，我们要理解JSON的基本结构。JSON由键值对组成，键是字符串，值可以是各种数据类型，包括字符串、...
"Extjs 无限树菜单 后台拼接json"这个主题涉及到如何在后端生成无限级别的树形菜单数据，并通过JSON格式传输到前端进行渲染。 首先，我们要理解树形菜单的基本概念。树形菜单是一种以节点和层级关系展示数据的控件...
通过上述内容的学习，我们可以了解到在使用AJAX技术与服务器进行异步数据交互时，如何处理后台返回的JSON字符串和JSON数组。掌握了这些知识，我们就可以在开发中更加灵活地利用这些技术来构建动态、响应迅速的Web...
- **数据结构**：JSON是基于JavaScript语法的，可以表示对象、数组、字符串、数字、布尔值和null等数据类型。 - **优势**：JSON比XML更简洁，解析速度更快，适合在网络上传输大量数据。 3. **Ajax发送JSON请求**...
在Java开发中，后台服务与前端页面的数据交互是常见的需求，JSON（JavaScript Object Notation）作为轻量级的数据交换格式，被广泛应用于前后端数据传输。Gson是Google提供的一款强大的Java库，它能将Java对象转换为...
由于 JSON 天生是为 JavaScript 准备的，因此，JSON 的数据格式非常简单，您可以用 JSON 传输一个简单的 String，Number，Boolean，也可以传输一个数组，或者一个复杂的 Object 对象。 String，Number 和 Boolean ...
这里的后台是用Java编写的，返回的是一个JSON对象数组。 函数内部首先通过`getElementById`获取表格元素，然后设置其初始样式。接着定义了一个URL，其中包含了`cardinno`参数，这将被用于调用Java的`...