jQuery Excel插件:jQuery.jexcel.js单元格内容转json

  • jQuery.jexcel.js,类似Excel的jQuery表格插件。可以把Excel中大量数据贴进来,Excel中操作习惯这控件多半通用。
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.min.js">script>
<script src="http://cdn.bossanova.uk/js/jquery.jexcel.js">script>
<link rel="stylesheet" href="http://cdn.bossanova.uk/css/jquery.jexcel.css" type="text/css" />

<div id="my">div> 
<br>jQuery遍历table并转为json:<br>
<textarea rows="5" cols="60" id='my2'>textarea>
<script>

    $(function () {
        data = [['Google', 1998, 807.80] ];
        $('#my').jexcel({
            data: data,
            colHeaders: ['name', 'year', 'Score'],
            colWidths: [300, 80, 100]
        });

        var tblObj = new Array();//最终要取得的json对象
        //取得Excel每个单元格内容
        $(".jexcel").find("tr").each(function (i, v) {
            var tdArray = $(this).children();
            if (i == 0)
                return true;//跳出表头,进行下次循环
            var p = new Object();
            p.No = $.trim(tdArray.eq(0).html());
            p.name = $.trim(tdArray.eq(1).html());
            p.year = $.trim(tdArray.eq(2).html());
            p.Score = $.trim(tdArray.eq(3).html());
            tblObj.push(p);
        });
        $('#my2').html(JSON.stringify(tblObj));
    });     
script>

你可能感兴趣的:(JavaScript)