ajax json上传,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除异步的特点外，还有浏览器页面局部刷新功能。

发送请求给服务器的途径

地址栏：get

form表单：支持get与post

超链接：click是get方式

Ajax请求：可以指定get和post PS：发Ajax请求一半返回HttpResponse()

简单的ajax请求

修改views视图

8f900a89c6347c561fdf2122f13be562.png

961ddebeb323a10fe0623af514929fc1.png

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

8f900a89c6347c561fdf2122f13be562.png

961ddebeb323a10fe0623af514929fc1.png

{% load static %}

Title

{% csrf_token %}

$('#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)

}

})

})

View Code

修改urls路由

8f900a89c6347c561fdf2122f13be562.png

961ddebeb323a10fe0623af514929fc1.png

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

标签：文件,get,views,JSON,Ajax,import,上传,View

来源： https://www.cnblogs.com/lttlpp61007188/p/10950877.html