Django_静态资源配置和ajax

在Django中配置静态资源和使用AJAX的示例代码如下：

首先，在Django项目的settings.py文件中配置静态资源的路径：




# settings.py
 
# 其他配置...
 
# 静态文件配置
STATIC_URL = '/static/'
STATICFILES_DIRS = [
    os.path.join(BASE_DIR, 'static'),
]
 
# 其他配置...

在HTML模板中引入静态资源：




<!-- templates/example.html -->
 
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- 引入jQuery -->
    <script src="% static 'js/jquery-3.5.1.min.js' %"></script>
</head>
<body>
    <button id="ajax-btn">点击发送AJAX请求</button>
    
    <!-- 显示AJAX请求结果的容器 -->
    <div id="result-container"></div>
 
    <script>
        // 绑定按钮点击事件
        $('#ajax-btn').click(function() {
            $.ajax({
                url: '/example/ajax_endpoint/',  // 后端处理AJAX请求的URL
                type: 'GET',  // 请求类型
                success: function(data) {
                    // 请求成功后的回调函数
                    $('#result-container').html(data);
                },
                error: function() {
                    // 请求失败的回调函数
                    $('#result-container').html('<p>Error occurred.</p>');
                }
            });
        });
    </script>
</body>
</html>

在Django的视图中处理AJAX请求：




# views.py
 
from django.http import JsonResponse
from django.views.decorators.http import require_GET
 
@require_GET
def ajax_endpoint(request):
    # 处理AJAX请求的逻辑
    response_data = {'message': 'Hello from AJAX!'}
    return JsonResponse(response_data)
 
# 其他视图...

在Django的urls.py中添加路由：




# urls.py
 
from django.urls import path
from .views import ajax_endpoint
 
urlpatterns = [
    # 其他路由...
    path('example/ajax_endpoint/', ajax_endpoint, name='ajax_endpoint'),
]

以上代码展示了如何在Django项目中配置静态资源路径，在HTML模板中引入jQuery和使用AJAX发送GET请求。后端视图函数处理AJAX请求并返回JSON响应。

Django_静态资源配置和ajax

评论已关闭

推荐阅读