在Django项目中实现W3Schools的jQuery load()加载文本文件至HTML的方案及文件存储位置咨询

我想在Django项目中实现w3schools上的示例功能，通过jQuery的load()函数将文本文件加载到HTML中，示例代码如下：

<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
  $("button").click(function(){
    $("#div1").load("demo_test.txt");
  });
});
</script>
</head>
<body>

<div id="div1"><h2>Let jQuery AJAX Change This Text</h2></div>
<button>Get External Content</button>

</body>
</html>

请问在Django项目中，应该将文本文件存储在什么位置，才能让jQuery的load()函数正常访问到它？

嘿，这个问题其实是Django静态资源管理的基础知识点，我给你一步步讲清楚怎么处理：

一、正确的文件存储位置 #

这类不需要动态生成的文本文件属于静态资源，你得按照Django的约定来存放：

• 先在你的Django应用（比如叫myapp）下面创建一个static文件夹，为了分类清晰，还可以在里面建个text_files子文件夹，最终把demo_test.txt放在这里，路径大概是：

  myapp/
      static/
          text_files/
              demo_test.txt
  

  这样既符合Django的规范，也能避免和CSS、JS等其他静态资源混在一起，方便后续维护。

二、确保静态资源配置正确 #

打开项目根目录的settings.py，检查这几个关键配置（默认一般都已存在，但最好确认一下）：

# settings.py
INSTALLED_APPS = [
    ...
    'django.contrib.staticfiles',  # 这个必须在列表里，负责管理静态资源
    'myapp',  # 别忘了把你的应用加入到已安装应用中
    ...
]

STATIC_URL = '/static/'  # 静态资源的访问URL前缀，默认就是这个配置

如果还有全局的静态资源目录，可以额外配置STATICFILES_DIRS，但应用内的static文件夹会被Django自动识别，不用额外添加。

三、在模板里正确引用路径 #

注意！不能直接在load()里写"demo_test.txt"，因为Django需要生成正确的访问URL。你得用模板标签来处理：

1. 先在HTML模板的最顶部加载静态标签：

   {% load static %}
   

2. 然后修改jQuery代码里的路径：

   $("#div1").load("{% static 'text_files/demo_test.txt' %}");
   

   这样Django会自动把这个标签转换成实际的访问URL（比如/static/text_files/demo_test.txt），jQuery就能顺利加载到目标文本文件了。

为啥不能随便放文件？ #

Django有严格的访问控制机制，只有配置过的静态目录、媒体目录里的文件才允许外部访问。要是你把文本文件扔到项目根目录或者templates文件夹里，Django默认会拒绝外部访问请求，直接返回404错误，自然就加载失败啦。

内容的提问来源于stack exchange，提问作者SC2020