今日内容概要

图书管理系统讲解
ajax异步提交
前后端数据编码格式

图书管理系统讲解

1.基本步骤

数据准备

首页搭建

书籍展示

书籍添加

书籍编辑

书籍删除

2.源码分享
技术权限未公开分享，见谅~

Ajax

1.概念
异步提交局部刷新
2.与form表单区别
与form表单的区别可以参考码云网址的注册页手机号输入框
3.补充
ajax其实就是js自带的功能不是一门新的技术点我们学习的是jQuery封装之后版本

4.基础语法

  $.ajax({url:'',   控制数据的提交地址type:'',  控制请求方式(默认get请求)data:{},  组织提交的数据success:function(形参){异步回调函数}})

5.数据编码格式
Content-Type

格式1:urlencoded

数据格式: name=jason&pwd=123&hobby=readdjango后端统一处理到request.POST中

格式2:formdata

数据格式: 无法查阅django后端自动将文件数据处理到request.FILES 普通数据request.POST

格式3:application/json>

数据格式: json格式
django后端不会处理 在request.body中存储(bytes类型) 自己处理

ajsx语法注意事项

添加data和contentType字段：data: JSON.stringify({'name':'jason','pwd':123}),
contentType:'application/json',

6.ajax携带文件数据
要传入的数据中携带文件等数据参数，要添加“contentType”和“processDate”两个字段！！！

$('#d3').click(function () {// 1.产生内置对象let formData = new FormData();// 2.添加普通数据formData.append('username',$('#d1').val())// 3.添加文件数据formData.append('file', $('#d2')[0].files[0])// 4.发送ajax请求$.ajax({url:'',type:'post',data:formData,contentType:false,  // 不使用任何编码processData:false,  // 不处理数据对象success:function (args) {}})
})

7.回调函数

后端跟ajax交互不应该再返回页面通常情况下都是返回json格式数据;

前端针对HttpResponse和JsonResponse返回的json格式数据处理策略不同;
前者不会自动反序列化 而后者会自动反序列化
如果想让前者也自动反序列化可以添加一个固定的参数
dataType:'JSON'

序列化

def ser(request):#拿到用户表里面的所有的用户对象user_list=models.User.objects.all()#导入内置序列化模块from django.core import serializers#调用该模块下的方法，第一个参数是你想以什么样的方式序列化你的数据ret=serializers.serialize('json',user_list)return HttpResponse(ret)

开发工程师必备————【Day31】ajax异步提交相关推荐

【珍藏版】 2012Java开发工程师必备精品资料（115个）
2019独角兽企业重金招聘Python工程师标准>>> Java应用广泛,涉及个人PC.数据中心.游戏控制台.科学超级计算机.移动电话和互联网等领域,同时拥有全球最大的开发者专业社群 ...
Web前端开发工程师必备技术列表
WEB标准,Web前端开发工程师必备技术列表想要打造并拥有一流的Web产品开发团队,在团队成员基础能力上一定要下功夫.对于Web前端产品开发来说,仅仅掌握Web1.0时代简单的"网页套接& ...
android 技能标签功能_android开发工程师必备技能
厚学网 android 开发工程师必备技能 android 软件开发工程师是 Android 平台发展中不可或缺的人才要素. 据介绍,就我国目前来说, Android 研发人才缺口至少 30 万 ...
springboot: ajax异步提交表单
<form id="p">权限名称: <input name="name" type="text" th:value=&q ...
php ajax勾选框提交,jQuery选取所有复选框被选中的值并用Ajax异步提交数据的实例...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
jquery复选框组清空选中的值_jQuery选取所有复选框被选中的值并用Ajax异步提交数据...
昨天和朋友做一个后台管理系统项目的时候涉及到复选框批量操作,如果用submit表单提交挺方便的,但是要实现用jQuery结合Ajax异步提交数据就有点麻烦了,因为我之前做过的项目中基本上没用Ajax来 ...
微信ajax异步提交form表单,ajax异步提交表单
前面我们一直谈 wojilu ajax framework ,已经表明了它是一个 ajax 框架.但其实客户端验证等内容几乎不涉及到 ajax 操作. 下面我们就着重看下这个框架ajax操作方面. 其 ...
大数据开发工程师必备技能有哪些？
大数据开发工程师必备技能有哪些?随着全行业数字化转型和新基建时代的到来,对技术人才提出了更高的要求.不管是面试还是实际工作过程中,数据工程师要时时刻刻面对这些层出不穷的技术演进. 随着数据的爆发式增长 ...
ajax异步提交 java_jquery ajax异步提交表单数据的方法
使用jquery的ajax方法可以异步提交表单,成功后后台返回json数据,回调函数处理,可以不用刷新页面,达到异步的目的: 处理表单的数据可以用serialize()方法进行序列化,而如果提交的数据 ...

开发工程师必备————【Day31】ajax异步提交

今日内容概要

图书管理系统讲解

Ajax

序列化

开发工程师必备————【Day31】ajax异步提交相关推荐

最新文章

热门文章