簡體   English   中英

加載位於不同目錄中的 html 頁面

[英]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.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM