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