Django Ajax文件下载

普通的文件下载在前面的博客有提到,下面介绍Ajax实现的文件下载:

AJAX发送参数到后台后,后台处理后,传数据到前台,Ajax在success里面构建了一个from表单, 当后台传来的是文件时,自动点击提交按钮,文件就会被下载。

代码如下:

<script>
    $.ajaxSetup({
        data: {csrfmiddlewaretoken: '{{ csrf_token }}'},
    });

    $("#submit").click(function () {
        $.ajax({
            url: "{% url 'covid19:download'%}",
            type: "POST",
            data: $("#Iform").serialize(),
            success: function(response, status, request) {
                var disp = request.getResponseHeader('Content-Disposition');
                if (disp && disp.search('attachment') != -1) { //判断是否为文件
                    var form = $('<form action="' +  {% url "covid19:download"%} + '" method="post"></form>');
                    $('body').append(form);
                    form.submit();
                }
            }
        })
    })
</script>

参考文献:https://blog.csdn.net/junehappylove/article/details/81287679

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 Django ajax 发送示例: 在 HTML 文件中,你需要添加一个按钮或链接,来触发 ajax 请求: ```html <button id="my-button">发送 Ajax 请求</button> ``` 然后,在 JavaScript 文件中,你需要编写一个函数来处理 ajax 请求: ```javascript function send_ajax() { // 获取 CSRF token var csrftoken = Cookies.get('csrftoken'); // 发送 ajax 请求 $.ajax({ url: '/my-ajax-url/', type: 'POST', headers: { 'X-CSRFToken': csrftoken }, data: { 'my-data': 'Hello, world!' }, success: function(response) { console.log(response); }, error: function(error) { console.log(error); } }); } // 当按钮被点击时触发 ajax 请求 $('#my-button').click(send_ajax); ``` 在 Django 中,你需要在视图函数中处理这个 ajax 请求: ```python from django.http import JsonResponse def my_ajax_view(request): if request.method == 'POST': my_data = request.POST.get('my-data', '') # 在这里处理你的逻辑 response_data = { 'result': 'success', 'data': my_data } return JsonResponse(response_data) ``` 最后,你需要在 `urls.py` 文件中添加一个 URL 规则: ```python from django.urls import path from .views import my_ajax_view urlpatterns = [ path('my-ajax-url/', my_ajax_view, name='my_ajax_view'), ] ``` 这样,当按钮被点击时,ajax 请求将会发送到 `/my-ajax-url/` URL,并且 `my_ajax_view` 视图函数将会被调用。视图函数将会返回一个 JSON 格式的响应,这个响应将会被 JavaScript 中的 `success` 回调函数处理。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值