热门标签 | HotTags
当前位置:  开发笔记 > 编程语言 > 正文

ajax相关操作

1inclusion_tag-干什么用的?生成html的片段(动态,传参数,传数据)-app下新建一个模块,templatetags-创建一个py文件(mytag.py)-from

 1 inclusion_tag

   -干什么用的?生成html的片段(动态,传参数,传数据)

   -app下新建一个模块,templatetags

   -创建一个py文件(mytag.py)

   -from django.template import Library

   -register=Library() ----->register名字一定不能变

   -写装饰器(标签,过滤器,inclusion_tag)

   -@inclusion_tag(‘模板路径‘,name=‘重命名‘)

   -def my_in(): 不写,写多个,不写不传,写多个,按空格来传参

      - 一堆逻辑处理,查数据库

   - ret=Book.object.all()

       return {‘‘books‘:ret}

   -在模板中:

     可以用books这个变量,渲染页面

   -应用: -在另一个模板中:

   -{%load mytag.py%}

   -{% my_in %}

  2 defer,only

   -defer---->除了指定字段之外

  -only---->只查询几个字段

   -比如:ret=Book.object.all().only(‘name‘)

   -id始终会查

   -结果是queryset对象,套book对象

   -问:如果取price,发生了什么?

   -它会再次查询数据库,对数据库造成压力

3 事务(原子性操作)

   from django.db import transition

  with transition.atomic():

     sql1

     sql2

4 choice

   -模型表中某个字段,可以指定choice,用在选择不经常变的情况,经常变,尽量用数据库                                              user_type=models.ForeignKey(to=‘Info‘, to_field=‘id‘,db_cOnstraint=False)

      #取出对应的汉字

     # author对象.user_type.name

         mychoice=((1,‘男‘),(2,‘女‘),(3,‘其他‘))

         # dd = models.ForeignKey(to=‘Info‘, to_field=‘id‘)

        #取出对应的汉字

   dd = models.ForeignKey(choices=mychoice)

5反向解析

-动态获取路径(根据名字)
            -路由:    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)
            -在模板中用:
                "/index/">点我跳到index页面
                "{% url ‘index‘ 12 %}">点我跳到index页面
                {#这个位置相当于放了"/inde/"#}
6 多对多的关系,三种写法
-手动创建第三张表(不创建关联关系)
            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),第一个值是:从中间表找到设置关联字段的表,通过哪个字段,第一个位置就写它
            -终极总结:防止混了:关联字段就是表名小写,第一个值:就是当前表的表名小写
            -查询,新增,删除,都很方便
            -第三张表,可以添加别的字段


7、ajax

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,

ajax相关操作


推荐阅读
  • Linux 系统启动故障排除指南:MBR 和 GRUB 问题
    本文详细介绍了 Linux 系统启动过程中常见的 MBR 扇区和 GRUB 引导程序故障及其解决方案,涵盖从备份、模拟故障到恢复的具体步骤。 ... [详细]
  • 本文探讨了如何通过最小生成树(MST)来计算严格次小生成树。在处理过程中,需特别注意所有边权重相等的情况,以避免错误。我们首先构建最小生成树,然后枚举每条非树边,检查其是否能形成更优的次小生成树。 ... [详细]
  • QUIC协议:快速UDP互联网连接
    QUIC(Quick UDP Internet Connections)是谷歌开发的一种旨在提高网络性能和安全性的传输层协议。它基于UDP,并结合了TLS级别的安全性,提供了更高效、更可靠的互联网通信方式。 ... [详细]
  • 深入理解OAuth认证机制
    本文介绍了OAuth认证协议的核心概念及其工作原理。OAuth是一种开放标准,旨在为第三方应用提供安全的用户资源访问授权,同时确保用户的账户信息(如用户名和密码)不会暴露给第三方。 ... [详细]
  • 2023 ARM嵌入式系统全国技术巡讲旨在分享ARM公司在半导体知识产权(IP)领域的最新进展。作为全球领先的IP提供商,ARM在嵌入式处理器市场占据主导地位,其产品广泛应用于90%以上的嵌入式设备中。此次巡讲将邀请来自ARM、飞思卡尔以及华清远见教育集团的行业专家,共同探讨当前嵌入式系统的前沿技术和应用。 ... [详细]
  • 国内BI工具迎战国际巨头Tableau,稳步崛起
    尽管商业智能(BI)工具在中国的普及程度尚不及国际市场,但近年来,随着本土企业的持续创新和市场推广,国内主流BI工具正逐渐崭露头角。面对国际品牌如Tableau的强大竞争,国内BI工具通过不断优化产品和技术,赢得了越来越多用户的认可。 ... [详细]
  • 深入理解 Oracle 存储函数:计算员工年收入
    本文介绍如何使用 Oracle 存储函数查询特定员工的年收入。我们将详细解释存储函数的创建过程,并提供完整的代码示例。 ... [详细]
  • 本文介绍如何在 Xcode 中使用快捷键和菜单命令对多行代码进行缩进,包括右缩进和左缩进的具体操作方法。 ... [详细]
  • 几何画板展示电场线与等势面的交互关系
    几何画板是一款功能强大的物理教学软件,具备丰富的绘图和度量工具。它不仅能够模拟物理实验过程,还能通过定量分析揭示物理现象背后的规律,尤其适用于难以在实际实验中展示的内容。本文将介绍如何使用几何画板演示电场线与等势面之间的关系。 ... [详细]
  • 本文介绍如何通过Windows批处理脚本定期检查并重启Java应用程序,确保其持续稳定运行。脚本每30分钟检查一次,并在需要时重启Java程序。同时,它会将任务结果发送到Redis。 ... [详细]
  • MySQL中枚举类型的所有可能值获取方法
    本文介绍了一种在MySQL数据库中查询枚举(ENUM)类型字段所有可能取值的方法,帮助开发者更好地理解和利用这一数据类型。 ... [详细]
  • 本文介绍如何在应用程序中使用文本输入框创建密码输入框,并通过设置掩码来隐藏用户输入的内容。我们将详细解释代码实现,并提供专业的补充说明。 ... [详细]
  • 本文介绍如何通过SQL查询从JDE(JD Edwards)系统中提取所有字典数据,涵盖关键表的关联和字段选择。具体包括F0004和F0005系列表的数据提取方法。 ... [详细]
  • 本文详细介绍了如何通过命令行启动MySQL服务,包括打开命令提示符窗口、进入MySQL的bin目录、输入正确的连接命令以及注意事项。文中还提供了更多相关命令的资源链接。 ... [详细]
  • 本文介绍如何使用 NSTimer 实现倒计时功能,详细讲解了初始化方法、参数配置以及具体实现步骤。通过示例代码展示如何创建和管理定时器,确保在指定时间间隔内执行特定任务。 ... [详细]
author-avatar
手机用户随便转转
这个家伙很懒,什么也没留下!
PHP1.CN | 中国最专业的PHP中文社区 | DevBox开发工具箱 | json解析格式化 |PHP资讯 | PHP教程 | 数据库技术 | 服务器技术 | 前端开发技术 | PHP框架 | 开发工具 | 在线工具
Copyright © 1998 - 2020 PHP1.CN. All Rights Reserved | 京公网安备 11010802041100号 | 京ICP备19059560号-4 | PHP1.CN 第一PHP社区 版权所有