Question

我正在使用Bootstrap创建一个网站，其中一个表删除了行，并在按下按钮后重新填充新数据。它在Visual Studio的Google Chrome设置中的测试环境中工作，但在实时服务器上部署后，该表保留为空白，并且在从Web访问时不会附加。 AJAX调用正在运行，因为表格外的字段正在更新，因此我认为它可能是测试Chrome和实时Chrome之间的Java脚本问题。这是我的第一个网站，所以我不确定如何测试一个特定的实时应用程序。有谁知道可能导致这种情况的原因还是有人能指出我正确的方向？提前谢谢！

表：

<div class="row">
    <table id="dt_products" class="table table-striped">
        <thead>
            <tr>
                <th class="text-center">Product ID</th>
                <th class="text-center">Price</th>
                <th class="text-center">Margin</th>
            </tr>
        </thead>
        <tbody>
            @if (Model.Products.Any())
            {
                for (var i = 0; i < 12; i++)
                {
                    <tr>
                        <td class="text-center">@Html.DisplayFor(m => m.Products[i].ProductID)</td>
                        <td class="text-center">@Html.TextBoxFor(m => m.Products[i].Price, "{0:c}")</td>
                        <td class="text-center">@Html.TextBoxFor(m => m.Products[i].Margin, "{0:c}")</td>
                    </tr>
                }
            }
        </tbody>
    </table>
</div>

AJAX电话：

$(function () {
    $("#ProductDate").change(function () {
        var $productValue = $("#ProductDate").val(),
            $startDate = $(".productReleaseDate"),
            $pID = { iD: $productValue };
            $('#dt_products tbody tr').remove();
            $.ajax({
                type: "GET",
                url: '@Url.Action("GetProducts", "Sales")',
                data: $pID,
                success: function (data) {
                    //Fill data
                    var pattern = /Date\(([^)]+)\)/;
                    var results = pattern.exec(data[0].ProductDate);
                    var $dt = new Date(parseFloat(results[1]));
                    $startDate.text(($dt.getMonth() + 1) + "/" + $dt.getDate() + "/" + $dt.getFullYear());
                    for (var i = 0; i < data.length; i++) {
                        var row = $('<tr></tr>');

                        idCell = $('<td class="text-center"></td>').append(data[i].ProductID);
                        row.append(idCell);

                        idCell = $('<td class="text-center"></td>').append(Number(data[i].Price).toFixed(2));
                        row.append(idCell);

                        idCell = $('<td class="text-center"></td>').append(data[i].Margin);
                        row.append(idCell);

                        $('#dt_products tbody').append(row);
                    }
                }
            });
    }).change();
});

编辑：使用生产版本中的控制台错误，发现了2个错误。

混合内容：页面是通过HTTPS加载的，但请求了一个不安全的样式表http://fonts.googleapis.com/css?family=Source+Sans+Pro:400&subset=latin-ext,latin。此请求已被阻止;内容必须通过HTTPS提供

1：2639未捕获TypeError：row.app不是函数
  at Object.success（1：2639）
  在j（jquery.min.js：2）
  at Object.fireWith [as resolveWith]（jquery.min.js：2）
  在x（jquery.min.js：4）
  在XMLHttpRequest.b（jquery.min.js：4）

Answer 1

鉴于错误消息，您似乎在代码中的某处放置了row.app的拼写错误;可能你在某个地方偶然发现并将线路分成两部分。

我建议您在row.app的项目中进行全局查找，以找到错误的确切位置。

附加表不能在生产中使用

1 个答案: