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 格式的數據