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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值