微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Django,Ajax,文件上传,ajax发送json数据,基于Ajax的文件上传

JSON

    • JSON指的是JavaScript对象方法(JavaScript Object Notation)
    • JSON是轻量级的文本数据交换格式
    • JSON独立于语言
    • JSON具有自我i描述,更易理解

 

Ajax

     AJAX(Asynchronous Javascript And XML) 翻译内容即“异步Javascript和XML”。即使用Javascript语言与服          务器机型异步交互,传输数据为XML。   PS:传输数据不知是XML,JSON数据更常用

     AJAX除异步的特点外,还有浏览器页面局部刷新功能

 

发送请求给服务器的途径

    1. 地址栏:get
    2. form表单:支持get与post
    3. 链接click是get方式
    4. Ajax请求:可以指定get和post PS:发Ajax请求一半返回HttpResponse()

 

简单的ajax请求

    修改views视图

 1 from django.shortcuts import render,HttpResponse,redirect
 2 from django.views import View
 3 
 4 # Create your views here.
 5 
 6 class Upload(View):
 7     def get(self,request):
 8         return render(request,'upload.html')
 9     def post(self,request):
10         print('已执行')
11         return HttpResponse('提交成功')
View Code

    修改HTML

{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <Meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
{% csrf_token %}
<input type="text" name="usm"><br>
<input type="password" name="pwd"><br>
<input type="file" name="file"><br>
<input type="button" value="提交" id="btn"><br>
<span class="conent"></span>
<script src="{% static 'js/jquery-3.4.1.js' %}"></script>

</body>
<script>
    $('#btn').click(function () {
        var csrf_data=$('[name=csrfmiddlewaretoken]').val();
        console.log(csrf_data);
        $.ajax({
            url:'{% url "upload" %}',
            type:'post',
            data:{
                csrfmiddlewaretoken:csrf_data
            },
            success:function (response) {
                $('.conent').text(response);
                alert(response)
            }
        })
    })
</script>
</html>
View Code

    修改urls路由

from django.conf.urls import url
from django.contrib import admin
from app01 import views

urlpatterns = [
    url(r'^admin/', admin.site.urls),
    url(r'upload/',views.Upload.as_view(),name='upload'),
]
View Code

 

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐