0

是否可以使用 AJAX 更改 a[href$='.pdf'] 的值?我有一个包含多个链接的页面。我需要在每个链接的 PDF 的开头插入“/download.php?file=”以强制下载而不是在浏览器中打开。

我知道这可以单独使用 JS/jQuery 完成,但我需要在 AJAX 中执行此操作。我以前对 AJAX 做的不多,并且在谷歌上搜索答案也没有走得太远。下面是我想出的代码,从网上环顾四周,但它没有做任何事情。不确定这是否可能。

$(function (){
var collID = document.location.pathname.match(/[^\/]+$/)[0];
    collID = collID.substring(0, collID.length - 5);
    $("a[href$='.pdf']").each(function () {
        $.ajax ({
            type: 'POST',
            dataType: 'json',
            success: function() {
                $(this).attr("href", "/download.php?file=collections/ms/" + collID + "/" + curA);
            }               
        }); 
    });
});

更新:有人建议我为此使用 AJAX,因为我已经使用了一些 AJAX 来插入 PDF 的大小。当我使用 jQuery 更改 href 值时,插入文件大小的位不再起作用,因为它不再是文件的直接链接。这是代码。

 function hdrDetails(i, elm, cl) {
    cl = cl / 1024;
    //divide content-length by 1024 (KB)
    var sz = cl > 1024 ? "MB" : "KB";
    //if cl is still big, set to MB
    cl = cl > 1024 ? cl / 1024 : cl;
    //if cl is still big, divide again
    var len = $(elm).eq(i).text().length;
    //check the link's text length
    if (len > 0) {
        //add a file size
        var $e = $(elm).eq(i);
        var t = $e.text();
        $e.html(t.slice(0, -1) + "<span class=\"size\"> (" + cl.toFixed(2) + " " + sz + ")</span>" + t.slice(-1));
    }
}
$(function () {
    var elm = "a[href$='.pdf']," + //only the file types we want
    "a[href$='.doc']," + "a[href$='.ppt']," + "a[href$='.xls']," + "a[href$='.docx']," + //don't forget 2007 versions
    "a[href$='.pptx']," + "a[href$='.mht']," + "a[href$='.xlsx']";
    $(elm).each(function (i, e) {
        if (e.hostname && e.hostname == location.hostname) {
            $.ajax({
                type: "HEAD",
                url: $(this).attr("href"),
                complete: function (xhr, textStatus) {
                    var cl = xhr.getResponseHeader("content-length");
                    if (textStatus == "success") {
                        var cl = xhr.getResponseHeader("content-length");
                        hdrDetails(i, elm, cl);
                        //call the calculation fn
                    } else {
                        var $e = $(elm).eq(i);
                        var t = $e.text();
                        $e.html(t.slice(0, -1) + "<span class=\"size\"> (File Not Found)</span>" + t.slice(-1));
                    }
                }
            });
        }
    });
});
4

1 回答 1

1

我不明白为什么您需要$.ajax在代码中调用...服务器上是否有您需要的数据,以便您可以通过 JavaScript 修复您的锚标记?这是我认为您需要 AJAX 调用的唯一原因。此外,在进行 AJAX 调用时,您通常希望使用响应,它是传递给 jQuerysuccess函数的参数。由于您没有使用它,因此似乎不需要 AJAX 调用。

.each()顺便说一句,从循环(是循环)进行 AJAX 调用通常是不好的做法。通过在循环中进行 AJAX 调用,您可能会严重影响您的服务器。最好做一个大批量的请求/响应来获取你需要的数据

于 2013-10-25T14:42:26.140 回答