码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-11-29 01:21:23      阅读:704      评论:0      收藏:0      [点我收藏+]

标签:res   .ajax   data   pen   操作   ati   request   cti   文件   

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 格式的数据

标签:res   .ajax   data   pen   操作   ati   request   cti   文件   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!