Jquery的each遍历数据组成JSON

遍历每个标签的值

  html代码:

    <volist name="parArr" id="item" key="$key">
                     <tbody>
                             <tr>
                                   <td class="center number">{$key+1}</td>
                                    <td id=‘product_id‘ class="product_id">{$item.id}</td>
                                    <td>
                                          <a href="http://www.enkiorder.com/index.php/Home/detail/detail/id/{$item.id}" target="blank">{$item.name}</a>
                                     </td>

             <td>
                                           <input type="hidden" value={$item.cid} class="cid">
                                           <input type="text" style="width:50px" value="{$item.heat}">
                                      </td>
                                   </tr>
                         </tbody>
             </volist>

JS代码:

  <script type="text/javascript">
            // console.log(json);
            $(‘#add‘).click(function(){
                var json={};
                $(‘.cid‘).each(function(){
                    var cid=$(this).val();
                    var heat=$(this).next().val();
                    console.log(heat);
                    json[cid]=heat;
                })
                $.ajax({
                    type:"POST",
                    data:json,
                    url:"{:U(‘Categorys/update‘)}",
                    success:function(msg){
                        if(msg!=‘no‘){
                            alert(‘添加成功‘);
                            window.location.reload();
                        }
                    }
                })
            })
        </script>

时间: 2024-10-09 19:34:02

Jquery的each遍历数据组成JSON的相关文章

Jquery Mobile实例--利用优酷JSON接口读取视频数据

本文将介绍,如何利用JqueryMobile调用优酷API JSON接口显示视频数据. (1)注册用户接口. 首页,到 http://open.youku.com 注册一个账户,并通过验证.然后找到API接口 (http://open.youku.com/docs/tech_doc.html) 可以看到优酷提供不少API,本文将演示“通过视频关键词”接口. 点击进去后,会发现client_id和keyword是必填的,因此,未来构造的URL应该类似 https://openapi.youku.c

jQuery获取一般处理程序(ashx)的JSON数据

昨天有在开发的软件生产线生产流程,RFID扫描IC卡的数据,当中有用到jQuery获取一般处理程序(ashx)的JSON数据.今有把它写成一个小例子,望需要的网友能参考. 在网站中,创建一个一般应用程序ashx: 命名空间: using System.Data; using System.Collections.Generic; using System.Web.Script.Serialization; 输出的内容类型: context.Response.ContentType = "appl

IT忍者神龟之jQuery 使用 $.getJSON() 跨域获取 JSON 数据

假设在服务器上有文件 http://test.unmi.cc/json.php 文件,它的内容为: [代码 1] 01 02 03 04 05 06 07 08 09 10 <?php header('Content-type: application/json'); $user = array (     "name"  => "Unmi",     "blog" => "http://unmi.cc" )

jquery $.ajax()获取服务器上的json数据

$.ajax({ url: 'http://127.0.0.1/work/open.json', success: function(data) { var ob = data; if (typeof(data) == 'string') { ob = stringtoObject(data); } }); var stringtoObject = function(json) { return eval("(" + json + ")"); } url为获取jso

Jquery JavaScript解析Ajax返回的json数据(转)

最近在用jquery的ajax方法传递接收json数据时发现一个问题,那就是返回的data数据,有时候可以直接作为json数据使用,可有时候又不行. 经过网友指出,这个问题已经有了比较明确的结论,那就是jquery ajax方法的complete方法是不会处理dataType的,所以如果你是在complete里面试图直接用json数据是不可行的,必须先通过eval. $.ajax方法如下: Java代码 $.ajax({ type: “POST”, url: ctxRoot+’FolderAct

jQuery 中 ajax 请求数据应用的一个小demo

举一个jquery中ajax的应用小 demo 便于以后的更多项目拓展 ,这里要注意的是保存的文件名和文件图片路径问题 ... ajax01.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ajax小例子 </title> </head> <body> <!--

HTML页面把表格中的多行数据用JSON封装后;异步提交到后台处理

一:前台封装数据: 1.js里面先创建对象: //封装数据的对象     var PayObj =          {            O_NBR:"",              P_NBR:"",            O_AMOUNT:""  ,          P_DT:"",          P_HL_ZH:"",          P_PAY_TYP:"",   

JQuery + XML作为前后台数据交换格式实践

JQuery + xml作为前后台数据交换 JQuery提供良好的异步加载接口AJAX,可以局部更新页面数据, http://api.jquery.com/category/ajax/ xml作为一种轻量数据格式,被浏览器js引擎普遍支持,同json格式,但是没有json那么精简. 使用AJAX+xml数据格式来实现动态页面,有以下好处: 1. 松耦合, 页面HTML和数据彻底分离, 即表示层 和 数据层分开, 有利前台样式定制. 不同于以往后台脚本嵌套HTML标签,并输出数据到标签的合适位置,

jquery $.ajax 获取josn数据

<script type="text/javascript" src="jquery-1.9.1.js"></script> <script type="text/javascript"> function test() { $.ajax({ type: "get", cache: false, url: "../../ajax/Task.aspx", data: 'id