ajax相关操作

-动态获取路径(根据名字)
            -路由:    url(r‘^inde/$‘, views.Test.as_view(),name=‘index‘),
                      url(r‘^inde/(\d+)$‘, views.Test.as_view(),name=‘index‘),
            -在视图层:
            def mytest(request):
                # 用在视图层
                url=reverse(‘index‘,args=(12,))
                return redirect(url)
            -在模板中用:
                <a href="/index/">点我跳到index页面</a>
                <a href="{% url ‘index‘ 12 %}">点我跳到index页面</a>
                {#这个位置相当于放了"/inde/"#}

-手动创建第三张表(不创建关联关系)
            class Book(models.Model):
                # 默认会创建id
                name = models.CharField(max_length=32)
            class Author(models.Model):
                name = models.CharField(max_length=32)
            class Book2Author(models.Model):
                id = models.AutoField(primary_key=True)
                book=models.ForeignKey(to=‘Book‘,to_field=‘id‘)
                author=models.ForeignKey(to=‘Author‘,to_field=‘id‘)
            -不管是插入和查询,删除,都很麻烦(一般不用)
        -自动创建第三张表
            -查询,插入,删除,都很方便
            -缺点:字段是固定的,第三张表如果要添加字段,实现不了
        -手动创建第三张表,建立关联关系
            class Book(models.Model):
                # 默认会创建id
                name = models.CharField(max_length=32)
                # 中介模型,手动指定第三张中间表是Book2Author
                authors=models.ManyToManyField(to=‘Author‘,through=‘Book2Author‘,through_fields=(‘book‘,‘author‘))
            class Author(models.Model):
                name = models.CharField(max_length=32)
                def __str__(self):
                    return self.name
            class Book2Author(models.Model):
                id = models.AutoField(primary_key=True)
                book=models.ForeignKey(to=‘Book‘,to_field=‘id‘)
                author=models.ForeignKey(to=‘Author‘,to_field=‘id‘)
                
            -through:来指定我的第三张表是哪个
            -through_fields:(‘book‘,‘author‘),第一个值是:从中间表找到设置关联字段的表,通过哪个字段,第一个位置就写它
            -终极总结:防止混了:关联字段就是表名小写,第一个值:就是当前表的表名小写
            -查询,新增,删除,都很方便
            -第三张表,可以添加别的字段

1 什么是ajax:异步的JavaScript和xml,跟后台交互,都用json
        2 ajax干啥用的?前后端做数据交互:
        3 之前学的跟后台做交互的方式:
            -第一种:在浏览器窗口输入地址(get)
            -第二种:用form表单提交数据
        4 特点:
            -异步(异步和同步的区别:同步是请求发过去,要等着回应;异步:不需要等回应,可以进行其他操作)
            -局部刷新:
        5 $.ajax({
            url:‘/index/‘,
            type:‘post‘,
            //data:往后台提交的数据
            data:{‘name‘:‘lqz‘,‘age‘:18},
            //成功的时候回调这个函数
            success:function (data) {
                alert(data)
            }
        })
        6 上传文件
            模板层:
            $("#btn").click(function () {
                //上传文件,必须用FormData,生产一个formdata对象
                var formdata=new FormData();
                formdata.append(‘name‘,$("#name").val());
                //取出文件$("#myfile")[0].files拿到的是文件列表,取第0个把具体的文件取出来
                formdata.append(‘myfile‘,$("#myfile")[0].files[0]);

                $.ajax({
                    url:‘/files_ajax/‘,
                    type:‘post‘,
                    //不预处理数据,(name=lqz&age=18)
                    processData:false,
                    //指定往后台传数据的编码格式(urlencoded,formdata,json)
                    //现在用formdata对象处理了,就不需要指定编码格式了,不要给我编码了
                    contentType:false,
                    data:formdata,
                    success:function (data) {
                        alert(data)

                    }
                })

            视图层:(跟form表单上传文件完全一样)
            def files_ajax(request):
                # 提交文件从,request.FILES中取,提交的数据,从request.POST中取
                name=request.POST.get(‘name‘)
                print(name)
                dic_files = request.FILES
                myfile = dic_files.get(‘myfile‘)
                with open(myfile.name, ‘wb‘) as f:
                    # 循环上传过来的文件
                    for line in myfile:
                        # 往空文件中写
                        f.write(line)
                return HttpResponse(‘ok‘)
            
        7 基于ajax提交json格式数据
            -模板层:
             $(‘#btn‘).click(function () {
                var post_data={‘name‘:$("#name").val(),‘pwd‘:$("#pwd").val()};
                console.log(typeof post_data);
                // 如何把post_data这个字典,转成json格式字符串
                //JSON.stringify相当于python中json.dumpus(post_data)
                //pos是个字符串,json格式字符串
                var pos=JSON.stringify(post_data);
                console.log(typeof pos);
                $.ajax({
                    url:‘/json/‘,
                    type:‘post‘,
                    data:pos,
                    contentType:‘application/json‘,
                    success:function (data) {
                        //如果data是json格式字符串,如何转成对象(字典)?
                        //data=JSON.parse(data)
                        console.log(typeof data)
                        console.log(data)
                        var ret=JSON.parse(data)
                        console.log(typeof ret)
                        console.log(ret.status)
                        //alert(data)

                    }
                })
            })
            -视图层:
                def add_json(request):
                    if request.method==‘GET‘:
                        return render(request,‘json.html‘)
                    print(request.POST)
                    print(request.GET)
                    print(request.body)
                    import json
                    # res是个字典
                    res=json.loads(request.body.decode(‘utf-8‘))
                    print(res)
                    print(type(res))
                    dic={‘status‘:‘100‘,‘msg‘:‘登录成功‘}
                    # return HttpResponse(‘ok‘)
                    # 返回给前台json格式
                    return HttpResponse(json.dumps(dic))
                    # return JsonResponse(dic)
                        
            -重点:*****
                - 请求的编码方式:
                    contentType:‘application/json‘,
                -响应回来解析的方式
                    dataType:‘json‘,