Question

是否可以使用AJAX更改[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));
                    }
                }
            });
        }
    });
});

Answer 1

我不知道为什么你需要在你的代码中调用$.ajax ...你需要服务器上有数据，以便你可以通过JavaScript修复你的锚标签吗？这是我能看到你需要AJAX调用的唯一原因。此外，在进行AJAX调用时，您通常希望使用响应，该响应是传递给jQuery success函数的参数。当你没有使用它时，似乎不需要AJAX调用。

顺便说一下，从循环中调用AJAX调用通常是不好的做法（.each()是一个循环）。通过循环进行AJAX调用，您可能会在服务器上遇到困难。最好做一个大批量请求/响应来获取所需的数据

jQuery / AJAX更新[href]？

1 个答案: