[英]Load html page that is in a different directory
我有一個頁面,當單擊鏈接時,額外的 HTML 將加載到該頁面。 我要加載的 HTML 片段文件位於我項目中的不同文件夾中。 如果沒有找到 404,我無法完成 .load 部分。 單擊鏈接時我所在的頁面是“http://localhost:8000/esr_dashboard/request_details/469/”。 當我單擊鏈接時,它返回 404 並帶有“http://localhost:8000/esr_dashboard/request_details/469/esr_dashboard/esr_msg_detail.html”
js 文件和所需 html 文件的文件夾結構如下。 注意,我正在做一個 django 項目。
EGHub (django project)
├── esr_dashboard (app folder)
│ ├── templates
│ ├── esr_dashboard
│ ├── esr_msg_detail.html
├── static
│ ├── js
│ ├── script.js
$(.msg_detail_link).on('click', function(e){
e.preventDefault();
var id = $(this).attr("data-id")
console.log(id)
$.get('/esr_dashboard/request_message_details/'+id+'/',
function(data, status) {
obj = JSON.parse(data)
// test to confirm the data is good
console.log(obj[0].fields.first_name + " " +obj[0].fields.last_name)
});
$("#row_msg_detail").load('./esr_msg_detail.html')
});
您需要使用 html 片段的相對路徑,瀏覽器會嘗試在當前目錄中定位您的文件,但找不到,並返回 404
如果您的文件結構是:
├─script.js
├─subdirectory
│ ├─fragment.html
您需要將其引用為"./subdirectory/fragment.html"
編輯:如果您的文件在文件樹的上面一個目錄中,則使用"../"
到 go 上一個目錄
因此,對於您的情況,您想要的是: "../../esr_dashboard/templates/esr_dashboard/esr_msg_detail.html"
,兩個 "../" 因為您要從 js/ 到 static/,並且從靜態/到 EGHub/
聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.