现在位置首页 / 前端开发 /正文

jquery插件-table转Json数据插件

作者: IT小兵 | 2014年7月30日| 热度:℃ | 评论: |参与:

今天在群:Jquery插件交流, 群号是346717337中,有同学问道是否有jquery 把table 数据转换成json的插件。

网上搜索确实有这样的插件

方法1:自己用jquery写个函数

Html:

<table id="answered">
<tbody>
    <tr>
      <td data-id="user.email">email@email.com</td>
      <td data-id="meme.yodawg">Yo Dog! I Heard you liked answers, so I answered your question, with a method wrapped in a jQuery plugin!</td>
    </tr>
</tbody>
</table>

 Jquery扩展方法:

(function($) {
  $.extend($.fn, {
    tableRowsToJSONWithFilter : function (filter) {
      var tableSelector = this, item, attr, data, _JSON = [];
      if (typeof(tableSelector) !== 'object') {
        return new Error('Invalid tableSelect!');
      };
      $(tableSelector, 'tr').each(function(index, tr) {
        item = {};
        $('td', $(this)).each(function(index, td) {
          attr = $(td).attr('data-id');
          data = $(td).text();
          if (attr !== undefined && data !== '' && filter && new RegExp(filter, 'i').test(attr)) {
            item[attr] = data;
          };
        });
        _JSON.push(item);
      });
      return _JSON;
    }
  })
})(jQuery);

使用:

$('#answered').tableRowsToJSONWithFilter('yodawg');

 

方法2:使用开源插件Table-to-json:

官方地址:http://lightswitch05.github.io/table-to-json/

功能说明:将js对象table转换成javascript对象,输出json数据字符串。

使用方法

1)、引用:

<script type="text/javascript" src="
http://code.jquery.com/jquery-latest.js"></script
>
 <script type="text/javascript" src="../src/jquery.tabletojson.js"></script>

2、)调用:

<script>
$('#convert-table').click( function() {
  var table = $('#example-table').tableToJSON(); // Convert the table into a javascript object
  console.log(table);
  alert(JSON.stringify(table));
});
</script>

 

前几天我好像在博客园也看到一篇,忘记我收藏在那里了。找到了,再发一篇。


[JavaScript JSONP 数据生成html模板插件--Dug.js]

[Jquery插件DataTable的使用问题总结]

点击阅读本文所属分类的更多文章: 前端开发 。和高手一起交流:346717337
友荐云推荐

未注明转发、原文均为本站原创。分享本文请注明 原文链接

给您更多信息和帮助

在这里您可以找到更多:

技术交流群:346717337 Jquery插件交流

投稿:suchso@vip.qq.com

承接:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/业务咨询

抢天猫双11红包
推荐使用阿里云服务器
echarts教程系列
本月最热文章

微信扫一扫,徜徉悠嘻网,您的休闲乐园

微信公众号:快乐每一天

随机文章
标签

技术交流群:346717337

投稿:suchso@vip.qq.com

专业专注:企业网站门户/微网站/微商城/CMS系统/微信公众号运营/付费问题咨询