`

ajax 获取table 动态数据列表的值

    博客分类:
  • ajax
 
阅读更多
                <tbody id="productDetails">
                    <?php foreach ($info->items as $list)>
                        <tr data-item_id="<?=$list['id']?>">
                            <td><?=$list['product_name']?></td>
                            <td><img src="<?=$list['product_image']?>"></td>
                            <td><?=$list->getDiscountPriceYuan(); ?></td>
                            <td>元/<?=$list['unit']?></td>
                            <td><?=$list['qty']?></td>
                            <td><?=$list['sorting_num']?></td>
                            <!--<td><input type="text" value="<?=$list['qty']?>" name="out<?=$list['id']?>" id="<?=$list['id']?>"  size="5"/></td>-->
                            <td><?=$list['sorting_num']?></td>
                        </tr>
                    <?php endforeach?>
                </tbody>

function takeOrders(orderId,status) {
    var arr = [];
    $('#productDetails').children('tr').each(function(i, o) {
        var $tds = $(o).children('td');
        arr.push({
            "id": $(o).data('item_id'),
            "order_no":<?=$info['order_no']?>,
            "product_name": $tds.eq(0).text(),
            "discount_price": $tds.eq(2).text(),
            "unit": $tds.eq(3).text(),
            "order_quantity": $tds.eq(4).text(),
            "sorting_quantity": $tds.eq(5).text(),
            //"out_quantity": $tds.eq(6).children('input').val(),
            "out_quantity": $tds.eq(6).text()
        });
    });
    //console.log(arr);
    //return false;
    var msg;
    if(status=='take')
        msg="确认将订单状态改为已下单?";
    if(status=='out')
        msg="确认将订单状态改为已出库?";
    if (confirm(msg)) {
        $.ajax({
            type: 'GET',
            url: '<?php echo $this->createUrl("outOrders/take"); ?>',
            data: {id: orderId,order:status,param:arr},
            dataType: "json",
            success: function (data) {
                if(data.recode==1) {
                    window.location.href = "<?php echo $this->createUrl("outOrders/index"); ?>";
                }
            }
        });
    }
    return false;
}

</script>
<script type="text/javascript">
    $("#btn-export").click(function () {
        var defaultAction = $("#outForm").attr("action");
        $("#outForm").attr("action", '<?php echo $this->createUrl("outOrders/export");?>');
        $("#outForm").submit();
        $("#outForm").attr("action", defaultAction);
    });
</script>
分享到:
评论

相关推荐

    [MVC]bootstrap-table表格ajax获取json数据并分页

    在本文中,我们将深入探讨如何在ASP.NET MVC框架下,利用bootstrap-table插件通过AJAX方式获取JSON数据并实现分页功能。Bootstrap Table是一个轻量级、强大的前端组件,它提供了一种美观的方式来展示和操作表格数据...

    bootstrap-table动态加载json数据并且支持分页

    Bootstrap Table支持通过Ajax方式从服务器获取数据,`data-url`属性可以是一个返回JSON数据的URL。例如,服务器端的`data.json`文件应返回类似以下的JSON数组: ```json [ {"id": 1, "name": "Item 1", "price": ...

    bootstrap table ajax 示例

    在这个“bootstrap table ajax 示例”中,我们看到一个利用 Maven 构建的项目,它展示了如何通过 AJAX 从后台动态地分页获取并显示数据。 首先,我们需要理解Maven。Maven 是一个Java项目管理工具,它帮助开发者...

    使用AJAX动态生成table表格数据和jquery.pagination.js 的分页栏

    我们使用jQuery选择器获取这个表格,并在AJAX请求成功后,将服务器返回的数据插入到表格中。假设服务器返回的是JSON格式的数据,我们可以使用`$.each()`遍历数据,然后用`$('&lt;tr&gt;...&lt;/tr&gt;')`创建新的行元素,再将...

    jQuery实现动态更改table表格数据

    本教程将深入探讨如何使用jQuery实现动态更改table表格数据,让你的网页表格具有实时编辑功能,提升用户体验。 首先,我们需要理解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素开始,包含若干个`&lt;tr&gt;`(行)...

    Layui调用json获取表格动态数据代码.zip

    2. 数据源:这里提到的"调用json获取数据"是指使用Ajax从服务器获取JSON格式的数据。在Layui中,这通常是通过`layui.$.ajax`或者使用layui内置的`layui.util.ajax`实现。JSON数据通常包含表格所需的行数据,每个对象...

    ajax动态分页的demo

    在分页场景中,Ajax分页通过异步请求服务器获取指定页码的数据,然后动态插入到页面中,从而实现了页面的无刷新更新。 **二、Ajax分页的优点** 1. **提升性能**:只请求和显示必要的数据,减少页面加载时间。 2. *...

    ajax控制table内容显示方式

    在现代Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于创建动态和交互式的用户界面。在本主题中,我们将深入探讨如何利用AJAX来控制HTML表格(table)的内容显示方式,特别是在点击单元格时实现...

    bootstrapTable+ajax加载数据 refresh更新数据

    在本文中,我们将深入探讨如何利用 BootstrapTable 结合 AJAX 实现动态加载数据,以及如何通过 refresh 方法更新表格内容。 首先,HTML 部分展示了基本的表单结构,包括日期选择器(`#calendar`)和下拉菜单(`#...

    JQuery获取table一列值

    ### JQuery 获取 Table 一列值的方法详解 在 Web 开发中,经常需要处理表格数据,尤其是在需要对表格中的数据进行批量操作时。使用 JQuery 可以非常方便地获取表格(`&lt;table&gt;`)中某一列的所有值。下面将详细介绍...

    用Jquery获取table中td的值

    在"用Jquery获取table中td的值"这个场景下,可能需要遍历整个表格获取所有`td`的值。可以使用`.each()`方法来实现: ```javascript $("table tr td").each(function(index, element) { var value = $(element)....

    JQuery Ajax动态加载Table数据的实例讲解

    该函数通过获取select元素选中的值,并更新***ble实例中的ajax配置,然后利用DataTable的api重新加载数据: ```javascript function reloadTable() { var code = $("#type option:selected").val(); $('#import-...

    layui laypage插件如何通过ajax返回动态count值,然后重置laypage count值

    layui laypage插件如何通过ajax返回动态count值,然后重置laypage count值

    动态加载树(tree)和动态加载表格(table)

    动态加载树(Tree)和动态加载表格(Table)是两种常见的数据展示方式,它们在网页应用中广泛使用,特别是在需要显示层级结构数据(如组织结构、文件系统)和大量表格数据(如报表、用户列表)的情况下。 **动态...

    spring boot框架layui前端,table拓展,支持动态表头和数据展示,支持table表数据编辑

    实现这一功能通常需要前后端配合,前端通过Ajax请求获取列信息和数据,然后动态构建表格结构。 2. **支持翻页标签隐藏**:在大数据量展示时,表格的分页功能必不可少。Layui提供了灵活的分页组件,可以自定义样式和...

    获取JSON数据,返回Table标签的简单例子

    通过以上步骤,我们可以实现一个简单的AJAX+JQuery+JSON的例子,从服务器获取JSON数据,并将其动态地展示在Table中。这个示例对于理解Web开发中的数据交互流程具有很好的教学意义。在学习和实践中,不断深入理解这些...

    jQuery+ajax实现动态添加表格tr td功能示例

    通常,这涉及到两个主要步骤:发送ajax请求到服务器获取数据,然后将返回的数据动态添加到表格中。 ##### 2.1 前端HTML结构 首先,我们需要在HTML页面中创建一个空的表格结构,并为用户交互提供入口点,比如一个...

    调用json获取表格动态数据代码.zip

    在IT领域,尤其是在Web开发中,使用JSON(JavaScript Object Notation)来获取并展示动态数据是一种常见的实践。JSON因其简洁、易读的格式,成为数据交换的首选格式。本项目"调用json获取表格动态数据代码.zip"显然...

    html前端动态获取后端数据显示到表格,实现分页显示

    html前端获取后端js的数据,实现到html表格,并且实现表格分页显示,分页显示原理是要显示那一页数据就从后端获取需要显示页的数据,不会一次性获取全部数据,减小流前端的压力。后端使用js+express,读取csv文件...

Global site tag (gtag.js) - Google Analytics