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

Posted 2021-01-23 路漫漫其修远兮，吾将上下而求索……

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‘)