`

向后台传输json对象数组

阅读更多
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>
分享到:
评论
1 楼 66573334 2010-11-07  
老大,来几行注释,还有后台如何分解,就完美了

相关推荐

    jquery ajax 向后台传递数组参数示例

    需求: 在JS中向后台传递数组参数 分析: JS中的数组是弱类型的可以放任何类型(对象、基本类型),但是如果数组中放的是对象类型,传递到后台是显示的只能是对象字符串–[object Object],原因如下: 在后台接收的...

    以JSON形式将JS中Array对象数组传至后台的方法

    但今次我们需要将整个对象群完整的传输至后台 其结构如下   选用谷歌的GSON插件及json2.js搭配使用 前台代码如下,简洁起见已去除部分简单验证代码: 代码如下: var rows = $(‘#dg1’).datagrid(...

    JSON:javaWeb后台JSON的封装包---源码

    由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。 String,Number 和 Boolean ...

    JSON:javaWeb后台JSON的封装包--源码实例

    由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。 String,Number 和 Boolean ...

    json原理分析及实例介绍

    这次在项目中前后台的...由于 JSON 天生是为 JavaScript 准备的,因此,JSON 的数据格式非常简单,您可以用 JSON 传输一个简单的 String,Number,Boolean,也可以传输一个数组,或者一个复杂的 Object 对象。 先看co

    如何使用json在前后台进行数据传输实例介绍

    首先,我们来写一下后台如何生成要传输的数据 [html] 代码如下: function generateDtb() { //写入 var txtName = document.getElementById(“txtName”).value; //创建数组 var dtb = new Array(); //通过循环把...

    JS动态遍历json中所有键值对的方法(不知道属性名的情况)

    JavaScript中使用ajax技术访问后台资源的时候,常常使用json作为轻量级数据传输格式。json类似于Java中的HashMap,是由一系列的key-value键值对构成。 如果后台返回给前台的json中key的值是动态生成的,那么我们没有...

    简单易学,详细说明的PHP动态接口POST传JSON.rar

    新手学习PHP接口,使用案例,PHP动态接口通过POST,传输JSON至后端PHP文件,并接收处理。 压缩包内有2个PHP文件。 前端PHP文件,发送,写明如何使用json_encode()传输数组 后台PHP文件,接收接口,详细写明如何接收...

    js对ajax返回数组的处理介绍

    引言:ajax异步传输,可以传输字符串,但是数组这样的数据,就不太好传递了,这个时候怎么办呢? 答案是可以通过json来处理,后台将数据数据进行json编码! 然后客户端,通过js来进行解析。 这样问题就解决了!json...

    使用JSON实现数据的跨域传输的php代码

    后台profile.php代码: 复制代码 代码如下: &lt;?php $arr = array( ‘firstname’ =&gt; iconv(‘gb2312’, ... //将一个数组JSON $json_string = json_encode($arr); //此处注意,双引号能对里面的变量当变量进行处理,

    js创建jsonArray传输至后台及后台全面解析

    jsonArray是数组,以[ ]包含数据,jsonObject是对象,以{ }包含数据。 介绍一个在前台组建一个jsonArray的容易方法 var array=[]; for(int i=0;i&lt;10;i++){ var item={}; item.a="a"+i; item.b="b"+i; ...

    laravel-castable-data-transfer-object:使用Spatie的data-transfer-object类将JSON列自动转换为Laravel中的丰富PHP对象

    它在后台使用Laravel强制转换实现Laravel的,该强制转换处理DataTransferObject (或兼容数组)与JSON数据库列之间的序列化。 有关其实际作用及其背后动机的深入说明,请查看。 此软件包在上也有! 安装 您可以...

    jquery瀑布流

    下拉滚动条或鼠标滚轮滚动到页面底部时, 动态即时加载新内容。 后台用 json 传输数据, 示例程序中只写了示例数组。数据也只设置了两个属性, 需根据实际应用改写。

    基于SwfUpload插件的文件批量上传插件GooUploader

    本控件内置一个保存了文件列表信息的数组$fileList,其单元为JSON对象,保存了每个文件的ID,名称,类型,大小等信息; 可自定义按钮显示文字,文件上传的服务器端地址,以及SWF控件相对于当前网页的相对路径 本...

    jQuery向下滚动即时加载内容实现的瀑布流效果

    后台用 json 传输数据, 示例程序中只写了示例数组。数据也只设置了两个属性, 需根据实际应用改写。 页面用了 ul li 做为容器, 每个 li 表示一列 &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; &lt;li&gt;&lt;/li&gt; PHP和Jquery和ajax实现下拉...

    PHPCMS V9.6.6 修改版

    67. 新增统一返回json格式并退出程序dr_json函数 68. 新增将数组转换为字符串dr_array2string函数 69. 新增将字符串转换为数组dr_string2array函数 70. 新增根据文件扩展名获取文件预览信息dr_file_preview_html函数...

Global site tag (gtag.js) - Google Analytics