Question

我有一个ajax请求，以获取用户的购买清单。我认为它完美地工作了，因为它返回了我需要的数据。但是，当我单击另一个用户时，ajax请求似乎只发送了一次请求。因为数据是相同的，所以当我查看chrome的网络工具时，没有其他请求被发送。

这是我当前的Ajax请求。

var purchased_list;
// $('#student_profile_purchased_item_list_tab').click(function(){
    function createTablePurchasedList(id){
        console.log("Start, student:"+id);
            purchased_list= $('#purchased_item_list_table').DataTable({
                // "processing": true,
                // "paging":   false,
                // "ordering": true,
                "ajax": {
                    url:'{{ route("student_item_list") }}?student_id='+id,
                    cache: true,
                    dataSrc: "",
                },
                columnDefs: [
                    {
                        className: "dt-center",
                        targets: [0],
                    },
                ],
                "columns": [
                    {
                        data: "date_purchased"
                    },
                    {
                        data: "product_status_id",
                        render: function(data, type, row){
                            switch(data){
                                case 2:
                                    return 'Purchased';
                                case 3:
                                    return '<p style="color:red;">Consumed</p>';
                                case 6:
                                    return '<p style="color:green;">Transferred</p>';
                            }
                        }
                    },
                    {
                        data: "name",
                        render: function(data, type, row){
                            return data;
                        }
                    },
                ]
            });
        console.log("End, student:"+id);
    }
// });

标签

<li><a href="#student_profile_purchased_item_list" data-toggle="tab" id="student_profile_purchased_item_list_tab">Purchased Item List</a></li>

数据表

<div class="tab-pane fade in" id="student_profile_purchased_item_list">
    <div style="position:relative;">
        <div class="other_content_header">
            Item List
        </div>
    </div>
    <div class="row">
        <div class="col-sm-12">
            <table width="100%" class="responsive table table-striped table-bordered table-hover purchase-item-table" id="purchased_item_list_table" style="font-size:12px; text-align:center;">
                <thead>
                    <tr>
                        <th>Date</th>
                        <th>Item Status</th>
                        <th>Product Name</th>
                        {{-- <th>Quantity</th> --}}
                        {{-- <th> </th> --}}
                    </tr>
                </thead>
                <tbody>
                </tbody>
            </table>
        </div>
    </div>
</div>

每次我单击用户时，console.log结果都会更改，起初我以为单击另一个用户时ID不会更改。但是当我执行控制台日志时，结果会更改。

希望有人可以帮助我解决我的问题。

我的Ajax请求仅发送一次

0 个答案: