如何使用 Jquery 检查链接是否可用

Question

在我的 Asp.net MVC 应用程序中，我使用 Jquery 数据表来显示数据。我的问题是在这里你可以看到我使用数据表中的链接来打开文件。当文件在下载文件夹中不可用时显示 404 服务器错误，而不是我需要指向另一个页面。如何检查此数据表中的文件是否可用。文件类型为.html

<script>

    $("#cribTable").DataTable({

        "ajax": {

            "url": "/CribManual/GetAllDownloadedCribs",
            "type": "GET",
            "processing": true,
            "datatype": "JSON",
            "serverSide": true
        },
        "columns": [
            {
                "data": "ID", "render": function (data) {

                    return `<button type="button"  data-toggle="confirmation" data-title="Are you sure?" href='@Url.Action("DeleteCrib", "CribManual")/${data
                        }'" class="btn btn-danger">Delete</button>`;
                },

                orderable: false
            },
            { "data": "CUS_NAME" },
            { "data": "CUS_NIC" },
            { "data": "STATUS" },
            { "data": "LOCATION" },
            {
                "data": "LOCATION", 'render': function (data, type, full, meta) {
                   return '<a href="/Downloads/' + data + '">Read File</a>';
                }
            }
        ]

    });

</script>

Answer 1

不建议使用此解决方案，但您可以在执行 AJAX 调用时捕获错误代码。参考：Capture 404 status with jQuery AJAX

这可能看起来像这样：

{
  "data": "LOCATION",
  "render": function (data, type, full, meta) {
    var dUrl = "/Downloads/" + data;
    var result = $("<a>").html("Read File");
    $.ajax({
      cache: false,
      url: dUrl,
      success: function(dat, stat, xhr){
        result.attr("href", dUrl);
      },
      error: function (xhr, stat, err){
        if(xhr.status==404) {
          result.attr("href", "#").addClass("no-file");
        }
      }
    });
    return result.prop("outerHTML");
  }
}

DoS 警告 这将为表中呈现的每个文件生成一个 HTTP 请求。如果是 3 或 4，您的 Web 服务器将能够处理它。但是，如果它是 10、50、100、500、1000 等等等等，那么您本质上就是对您的 Web 服务器执行拒绝服务攻击。大多数 Web 服务器都配置为允许 10 个同时连接到服务器。您可以在配置中进行设置，但最终可能会耗尽资源。

服务器可能无法打开和关闭足够多的套接字来处理所有请求，并将开始对它们进行排队。这将导致浏览器必须等待更长的时间才能执行脚本，并可能导致超时。根据列表的大小，浏览器可能会开始消耗更多的内存资源，并且可能会锁定或崩溃。

再次，我强烈建议让服务器端脚本完成繁重的工作。如果该项目在服务器上不存在，则它不应该返回数据，或者它应该返回一个 Datatable 可以使用而无需执行大量潜在威胁工作的值。

这是来自经验而非理论。

希望对您有所帮助。