分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 代码编程

ajax 上传文件,post上传文件,ajax 提交 JSON 格式的数据

发布时间:2023-09-06 02:24责任编辑:董明明关键词:暂无标签

ajax简介

前后台做数据交互

前后端做数据交互的方式(三种):    

(1)浏览器窗口输入地址(get的方式)
(2)form表单提交数据
(3)ajax提交数据

特点

特点:
  (1)异步      异步与同步的区别:同步是请求发过去,要等着回应;异步不需要等待,可以进行其他操作  (2)局部刷新

使用

使用: ???????(1)url:匹配的路由 ???????(2)type:发送的的方式 ???????(3)data:发送的数据 ???????(4)success:发送的数据成功回调条数 ????????$(‘.btn‘).click(function () { ????????????$.ajax({ ???????????????url:‘/index/‘, ???????????????type:‘post‘, ???????????????data:{"name":‘lqz‘,"age":18}, ???????????????success:function (data) { ???????????????????alert(data) ???????????????} ???????????}) ????????}); ???????前端知识点: ???????????$(‘#id‘) : JQ获取标签 ???????????$(‘#id‘).val() : 获取值 ???????????js跳转页面:location.href = ‘https://www.baidu.com/‘

post 上传文件

 知识要点: ???????(1)enctype="multipart/form-data" ?传文件格式 ???????(2)enctype="application/x-www-form-urlencoded" ??默认格式 ???(1)post上传文件 ???????模板层: ???????????<form action="/myfiles/" method="post" enctype="multipart/form-data"> ???????????????<input type="file" name="myfile"> ???????????????<input type="submit" value="提交"> ???????????</form> ???????视图层: ???????????def myfiles(request): ???????????????if request.method == ‘GET‘: ???????????????????return render(request, ‘myfiles.html‘) ???????????????files = request.FILES ????拿到字典 {‘myfile‘: [<InMemoryUploadedFile: 111.png (image/png)>]}> ???????????????my_file = files.get(‘myfile‘) ???????????????with open(my_file.name,‘wb‘) as f: ???????????????????for i in my_file: ???????????????????????f.write(i) ???????????????return HttpResponse(‘OK‘)

ajax 上传文件,post上传文件,ajax 提交 JSON 格式的数据

原文地址:https://www.cnblogs.com/liu--huan/p/10035686.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved