新聞中心
使用fetch函數(shù)獲取服務(wù)器文件的URL,fetch('https://example.com/file.txt')。
JavaScript獲取服務(wù)器文件的URL

單元表格:
| 方法 | 描述 |
window.location.href | 返回當(dāng)前頁面的完整URL,包括協(xié)議、主機(jī)名、路徑和查詢參數(shù)。 |
document.referrer | 返回導(dǎo)致當(dāng)前頁面加載的文檔的URL,如果當(dāng)前文檔是由用戶直接輸入U(xiǎn)RL打開的,則返回空字符串。 |
XMLHttpRequest | 使用AJAX技術(shù)向服務(wù)器發(fā)送請(qǐng)求并獲取響應(yīng),然后解析響應(yīng)中的URL。 |
fetch | 使用Fetch API向服務(wù)器發(fā)送請(qǐng)求并獲取響應(yīng),然后解析響應(yīng)中的URL。 |
1、使用window.location.href獲取當(dāng)前頁面的URL:
var currentUrl = window.location.href; console.log(currentUrl);
2、使用document.referrer獲取導(dǎo)致當(dāng)前頁面加載的URL:
var referrerUrl = document.referrer; console.log(referrerUrl);
3、使用XMLHttpRequest獲取服務(wù)器文件的URL:
var xhr = new XMLHttpRequest();
xhr.open('GET', 'server-file.txt', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var serverFileUrl = xhr.responseText;
console.log(serverFileUrl);
}
};
xhr.send();
4、使用fetch獲取服務(wù)器文件的URL:
fetch('server-file.txt')
.then(response => response.text())
.then(serverFileUrl => console.log(serverFileUrl))
.catch(error => console.error(error));
相關(guān)問題與解答:
1、Q: 如果服務(wù)器文件需要身份驗(yàn)證才能訪問,如何獲取其URL?
A: 如果服務(wù)器文件需要身份驗(yàn)證才能訪問,可以在發(fā)送請(qǐng)求時(shí)添加適當(dāng)?shù)纳矸蒡?yàn)證信息,例如HTTP基本認(rèn)證或Bearer令牌,具體的身份驗(yàn)證方式取決于服務(wù)器的要求,在上述示例中,可以使用XMLHttpRequest或fetch方法發(fā)送帶有身份驗(yàn)證信息的請(qǐng)求。
2、Q: 如果服務(wù)器文件是動(dòng)態(tài)生成的,如何獲取其URL?
A: 如果服務(wù)器文件是動(dòng)態(tài)生成的,可以通過發(fā)送適當(dāng)?shù)恼?qǐng)求參數(shù)來獲取其URL,具體的請(qǐng)求參數(shù)取決于服務(wù)器的要求,在上述示例中,可以使用XMLHttpRequest或fetch方法發(fā)送帶有請(qǐng)求參數(shù)的請(qǐng)求,并在服務(wù)器端處理這些參數(shù)以生成相應(yīng)的URL。
網(wǎng)站欄目:JavaScript獲取服務(wù)器文件的URL(js取服務(wù)器文件的url)
本文來源:http://m.fisionsoft.com.cn/article/dpissss.html


咨詢
建站咨詢
