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