求高手解答.具体是从后台服务端返回JSON数据,在页面中显示TABLE,然后修改后想用jquery读取table以json数据返回服务器

解决方案 »

  1.   

    自己写代码,把Table里面的数据取出来。组织成JSON,提交到服务器不就结了。
      

  2.   

    需要自己取得,把记录写成json表达式再jquery.
      

  3.   

    这个我知道的。我想问的就是如何把table里的数据取出,然后组织成json。可以给我写个小例子吗?
      

  4.   

    恩。有没例子参考一下。如何把table中的数据取出生成json
      

  5.   

    用jQuery去遍历table还不会吗?
      

  6.   

    我认为json主要是后台传递给js用的格式。
    你把js的数据封装成json再交给后台再解析感觉更麻烦,效率还不高。
    你直接把修改后的值,和每行的唯一标识传递给后台就好了。
      

  7.   

    我要实现的是从服务器去了数据把数据转为json,然后我通过getjson可以在页面里得到了json。并可以动态生成table,也实现了编辑表格的功能。现在不知道的就是怎么把table里面经过修改的值通过jquery传给服务器保存。
    不知道要怎么弄。可以教下吗?我初学jquery
      

  8.   

    我初学jquery,可以写个小例子吗
      

  9.   

    我用的table是keytable。有谁可以帮忙修改下代码,让我可以获取table中的值,然后生成json发送给服务端
     <script type="text/javascript">
            $(document).ready(function() {             $("#example tbody ").html(""); //清空列表中的数据            $.getJSON(
          "JsonData.ashx", //产生Json数据的服务端页面
                //要查询的数据(可选)
          function(json) {
              $.each(json, function(i) {
                  var $table = $("#example tbody tr");
                  var len = $table.length;
                  $("#example tbody ").append("<tr class='\odd_gradeX'\><td align=\'center\'>" + len + "</td><td align=\'center\'>" + json[i].ID + "</td><td align=\'center\'>" + json[i].Items + "</td></tr>");
              });
              var keys = new KeyTable({
                  "table": document.getElementById('example')
              });
              $('#example tbody td').each(function() {
                  keys.event.action(this, function(nCell) {                  keys.block = true;
                      $(nCell).editable(function(sVal) {
                          /* Submit function (local only) - unblock KeyTable */
                          keys.block = false;
                          return sVal;
                      }, {
                          "onblur": 'submit',
                          "onreset": function() {
                              setTimeout(function() { keys.block = false; }, 0);
                          }
                      });                  /* Dispatch click event to go into edit mode - Saf 4 needs a timeout... */
                      setTimeout(function() { $(nCell).click(); }, 0);
                  });
              });
          });        });
          
     
        </script><body id="kt_example">
      
    <div class="full_width big">
    KeyTable editing example
    </div>
    <div id="demo">     <table cellpadding="0" cellspacing="0" border="0"  id="example" class="display KeyTable" >
    <thead>
    <tr>
    <th>Rendering engine</th>
    <th>Browser</th>
    <th>Platform(s)</th>

    </tr>
    </thead>
          
      <tbody>  <tr class="odd_gradeX">              <td align="center"></td>          <td align="center"></td>        <td align="center"></td>  </tr>  </tbody>
    <tfoot>
    <tr>
    <th>Rendering engine</th>
    <th>Browser</th>
    <th>Platform(s)</th>

    </tr>
    </tfoot></table>
    </div>