前端数据格式contentType参数
前后端传输数据的编码格式
1.urlencoded(form表单与ajax默认的数据提交编码格式)
数据格式 name='jason'&password=''
django后端识别到urlencoded数据格式将其处理封装到了request.POST
2.formdata 传输文件
支持传普通键值对也可以传文件
普通键值还是处理放到request.POST中
文件数据处理放到request.FILES中
3.application/json(ajax支持)
JSON.stringify({'name':'jason'})
django后端对于json格式的数据不做任何处理,就将原生的二进制数据存在request.body中,让你自己手动处理
先解码再反序列化 局部刷新之ajax
异步提交(github注册示例)
局部刷新 四个基本参数
url:'', # 控制数据提交的地址,不写默认往当前位置提交
type:'get', # 控制的是数据的提交方式 get,post,。。。
data:{'name':'jason'} # 提交的数据
success:function(data){
# 做局部刷新的操作
alert(data)
} $('#b1').click(function(){
$.ajax({
url:'', # 控制数据提交的地址,不写默认往当前位置提交
type:'get', # 控制的是数据的提交方式 get,post,。。。
contentType:'application/json',
data:JSON.stringify({'name':'jason'}), # 提交的数据
success:function(data){
# 做局部刷新的操作
alert(data)
}
}) }) ajax发送文件
1.利用一个js内置对象FormData
2.这个FormData即可以传普通的键值也可以传文件
3.需要修改两个默认参数processData,contentType
4.获取input框存储的文件数据$('input[type="file"]')[0].files[0] $('#b1').click(function(){
# 先生成一个内置对象
var formdata = new FormData();
formdata.append('键','值');
formdata.append('myfile',$('input[type="file"]')[0].files[0]);
$.ajax({
url:'', # 控制数据提交的地址,不写默认往当前位置提交
type:'get', # 控制的是数据的提交方式 get,post,。。。
contentType:false,
processData:false,
data:JSON.stringify({'name':'jason'}), # 提交的数据
success:function(data){
# 做局部刷新的操作
alert(data)
}
}) })

前端contentType数据传输格式与ajax技术的更多相关文章

  1. 服务器文档下载zip格式 SQL Server SQL分页查询 C#过滤html标签 EF 延时加载与死锁 在JS方法中返回多个值的三种方法(转载) IEnumerable,ICollection,IList接口问题 不吹不擂,你想要的Python面试都在这里了【315+道题】 基于mvc三层架构和ajax技术实现最简单的文件上传 事件管理

    服务器文档下载zip格式   刚好这次项目中遇到了这个东西,就来弄一下,挺简单的,但是前台调用的时候弄错了,浪费了大半天的时间,本人也是菜鸟一枚.开始吧.(MVC的) @using Rattan.Co ...

  2. 前端ajax技术之跨域问题解决

    这里我使用jquery框架的ajax技术 <script type="text/javascript" src="Assets/js/jquery.min.js&q ...

  3. 基于Ajax技术的前后端Json数据交互方式实现

    前言 使用浏览器访问网站是日常生活中必不可少的一件事情,当我们在浏览器地址栏中输入网址后会看到网站的内容,那么这个过程中发生了什么?下面简单介绍下浏览器访问网站过程. 第一步:浏览器向DNS服务器发起 ...

  4. 特定场景下Ajax技术的使用

    ajax介绍 jax技术包含了几种技术:javascript.xml.css.xstl.dom.xhtml和XMLHttpRequest七种技术,所以ajax就像是粘合剂把七种技术整合到一起,从而发挥 ...

  5. 初始ajax技术

    一.AJAX是啥? 1.页面无需刷新,异步请求. 2.为什么使用ajax? 原因: 1传统模式  需要将请求发送到服务器,服务器经过业务处理,返回一个页面给客户端.这样做,会很浪费资源. 2.ajax ...

  6. Ajax技术使用(一)

    Ajax技术使用 目录 AJAX介绍 XMLHttpRequest 请求和响应 onreadystatechange 事件 AJAX介绍 什么是 AJAX AJAX = 异步 JavaScript 和 ...

  7. Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现)

    Django---CSRF的装饰器,CSRF的流程,JSON数据格式,ajax技术(基于JQ实现) 一丶CSRF相关的装饰器 from django.utils.decorators import m ...

  8. 跟阿根一起学Java Web开发二:使用Ajax技术及XML与JSON实现输出

    如今B/S结构的系统使用Ajax技术是再平常只是的了.今天我们就来探讨下在JSPGenSDF第四版中:怎样使用Ajax技术.怎样输出XML文件及JSON格式数据输出. 怎样搭建一个最基础的JSPGen ...

  9. SpringMVC: Ajax技术

    SpringMVC:Ajax技术 简介 AJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML). AJAX 是一种在无需重新加载整个网 ...

随机推荐

  1. C语言学习系列(六)存储类

    一.C存储类 存储类定义C程序中变量/函数的范围(可见性)和生命周期.这些说明符放置在他们所修饰的类型之前.for example:auto.register.static.extern. (一).a ...

  2. 004_linuxC++之_函数的重载

    (一)源码下载 (一) 函数的重载:同一个命名函数,通过传入参数的不同,调用不一样的函数 上面程序的运行结果: (二)函数只能通过参数的不一样重载函数,不能通过返回参数的不一样重载函数 运行结果报错 ...

  3. 003_STM32程序移植之_W25Q64

    1. 测试环境:STM32C8T6 2. 测试模块:W25Q64FLASH模块 3. 测试接口: 1. W25Q64FLASH模块接口: VCC3.3--------------------VCC3. ...

  4. js中错误处理机制

    1.基本知识 1. 错误对象 Error,SyntaxError,RangeError, ReferenceError,TypeError,URIError 上面的都是构造函数: new 命令可以生成 ...

  5. Flutter布局----弹性布局 (Flex)

    弹性布局(Flex) 弹性布局允许子组件按照一定比例来分配父容器空间.弹性布局的概念在其它UI系统中也都存在,如H5中的弹性盒子布局,Android中的FlexboxLayout等.Flutter中的 ...

  6. learning express step(六)

    code: use application middleware var express = require('express'); var app = express(); app.use(func ...

  7. LibreOJ #6000. 「网络流 24 题」搭配飞行员

    二次联通门 : LibreOJ #6000. 「网络流 24 题」搭配飞行员 /* LibreOJ #6000. 「网络流 24 题」搭配飞行员 二分图最大匹配 Dinic最大流 + 当前弧优化 */ ...

  8. django使用mysql的时区问题解决

    1.如果是linux 将系统的时区表导入mysql. mysql_tzinfo_to_sql /usr/share/zoneinfo 2.如果是windows 下载时区表 然后导入时区表,file_n ...

  9. centos7安装gitlab 支持带认证https,开启邮件功能 超级简单.

    官方安装说明:https://about.gitlab.com/install/#centos-7 自定义yum源 自行搞定 下载gitlab 官方安装: curl -s https://packag ...

  10. AGC024E Sequence Growing Hard

    题意 给出\(n\),\(m\),\(mu\),问有多少个序列组\((A_0,A_1,\dots,A_n)\)满足: 序列\(Ai\)的长度恰好为\(i\) 所有元素均在\([1,m]\) \(A_{ ...