首页 > 软件开发 > HTML >

django ajax怎样请求数据,怎样传递数据到HTML

来源:互联网 2023-03-16 19:10:40 235

前后端的交互怎么能少得了ajax呢?今天小编我就分享一下关于django框架中使用ajax来请求数据,处理数据,并且把数据传递到HTML界面。0t3办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • django jQuery

方法/步骤

  • 1

    如图,小编我在模板中使用了jQuery插件封装的ajax,我用到的是get请求,这在django中涉及到模板和静态文件的使用。0t3办公区 - 实用经验教程分享!

    2django怎样使用js,css文件,静态文件无效怎么办0t3办公区 - 实用经验教程分享!

    2django模板怎么用,django怎样用HTML模板0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 2

    然后配置路由,因为我们在ajax中请求的路由地址是getdata,所以在django路由中也要设计这个路由url,并且用views的函数处理路由。0t3办公区 - 实用经验教程分享!

    1django怎样配置URL0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 3

    然后用视图函数处理对应路由url的请求,然后导入方法JsonResponse,然后我自定义一个字符串,并且用键值对字典的形式返回。注意,最好用JsonResponse方法返回数据,不然可能得不到json格式的数据。0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 4

    如图所示,get请求中的data参数就是存储后台返回的数据的,但是这个数据是json格式的,所以我们可以通过data.键名(刚才定义的u),这样就可以取出数据了。0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 5

    运行django服务器之后,点击按钮,那么就会开始请求数据,然后弹出数据。可以看到数据跟后台定义的数据一模一样。0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 6

    如果不想弹出,那么也可以把它显示在HTML中。怎么显示呢?很简单,直接append插入数据就可以了。0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 7

    如图所示,小编我请求了两次数据,然后就插入了两次数据到HTML界面上了,简单不?0t3办公区 - 实用经验教程分享!

    django ajax怎样请求数据,怎样传递数据到HTML0t3办公区 - 实用经验教程分享!

  • 8

    注意注意,因为小编我对于django的路由,视图,模板十分了解,所以这里我是综合了路由视图模板静态文件来讲解的经验,如果不懂,可以参考下列经验链接哟。当你深入了解视图模板静态文件以及jQuery的ajax之后再来看这篇经验就会一目了然了。0t3办公区 - 实用经验教程分享!

    1django怎样配置URL0t3办公区 - 实用经验教程分享!

    2django模板怎么用,django怎样用HTML模板0t3办公区 - 实用经验教程分享!

    2django怎样使用js,css文件,静态文件无效怎么办0t3办公区 - 实用经验教程分享!

  • 8相关内容未经许可获取自百度经验
  • 注意事项

    • 有用可以收藏分享投票。
    • 没用可以吐槽。

    以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!0t3办公区 - 实用经验教程分享!


    标签: HTML

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号统计代码