django ajax json的实例代码


Posted in Python onMay 29, 2018

1. views.py

定义views视图函数,将数据存入字典。并用压缩为json格式,dumps,并return。

import json
def get_comments(request, article_id):
 article_obj = models.Article.objects.get(id=article_id)
 article_comments = article_obj.comment_set.select_related()
 comment_dict = {}
 for i in article_comments:
 print('comments_id', i.id)
 print('article_id', i.article_id)
 print('parent_comment_id', i.parent_comment_id)
 print('comment_type', i.comment_type)
 print('user_id', i.user_id)
 print('user_name', i.user.name)
 print('comment', i.comment)
 print('date', type(i.date))
 print('date', time.strftime("%Y-%m-%d %H:%M:%S", i.date.timetuple()))
 comment_dict[i.id] = [i.comment_type, i.comment, time.strftime("%Y-%m-%d %H:%M:%S", i.date.timetuple()), i.article_id, i.user_id, i.user.name, i.parent_comment_id]
 comment_json = json.dumps(comment_dict)
 return HttpResponse(comment_json)

2. article.html中编辑js jquery,接受json数据,并处理并添加到html中

<script>
 function getComments() {
 $.get("{% url 'get_comment' one_article.id %}", function(callback){
 console.log(callback);
 var obj = JSON.parse(callback);
 console.log(this.comment_type);
 for (var key in obj){
 console.log(key);
 console.log(obj[key])
 }
 }
 function getCsrf() {
 return $("input[name='csrfmiddlewaretoken']").val();
 }
 $(document).ready(function () {
 $(".comment-box button").click(function () {
 var comment_text = $('.comment-box textarea').val();
 if (comment_text.trim().length < 5){
 alert("评论不能少于5个字")
 }else {
 $.post(
  "{% url 'post_comment' %}",
  {
  'comment_type':1,
  article_id: "{{ one_article.id }}",
  parent_comment_id:null,
  'comment':comment_text.trim(),
  'csrfmiddlewaretoken':getCsrf()
  },
  function (callback) {
  console.log(callback);
  if (callback == 'post-comment-success'){
  alert('post-comment-success');
  getComments();
  }
  }
 )
 }
 })
 })
</script>

以上这篇django ajax json的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Python 相关文章推荐
python实现的登录和操作开心网脚本分享
Jul 09 Python
python使用三角迭代计算圆周率PI的方法
Mar 20 Python
使用Python对IP进行转换的一些操作技巧小结
Nov 09 Python
理解Python垃圾回收机制
Feb 12 Python
Python正则表达式常用函数总结
Jun 24 Python
Python生成任意范围任意精度的随机数方法
Apr 09 Python
Python3用tkinter和PIL实现看图工具
Jun 21 Python
Django Docker容器化部署之Django-Docker本地部署
Oct 09 Python
python单例模式原理与创建方法实例分析
Oct 26 Python
卸载tensorflow-cpu重装tensorflow-gpu操作
Jun 23 Python
Pycharm编辑器功能之代码折叠效果的实现代码
Oct 15 Python
Python实现批量将文件复制到新的目录中再修改名称
Apr 12 Python
Python+selenium实现自动循环扔QQ邮箱漂流瓶
May 29 #Python
PyTorch学习笔记之回归实战
May 28 #Python
Django 使用Ajax进行前后台交互的示例讲解
May 28 #Python
Python实现爬虫爬取NBA数据功能示例
May 28 #Python
Django+Ajax+jQuery实现网页动态更新的实例
May 28 #Python
Python实现合并两个列表的方法分析
May 28 #Python
django js实现部分页面刷新的示例代码
May 28 #Python
You might like
phpmyadmin中配置文件现在需要绝密的短语密码的解决方法
2007/02/11 PHP
首页四格,首页五格For6.0(GBK)(UTF-8)[12种组合][9-18][版主安装测试通过]
2007/09/24 PHP
PHP生成Flash动画的实现代码
2010/03/12 PHP
PHP编程实现阳历转换为阴历的方法实例
2017/08/08 PHP
PHP7新特性
2021/03/09 PHP
javascript中类的定义及其方式(《javascript高级程序设计》学习笔记)
2011/07/04 Javascript
js作用域及作用域链概念理解及使用
2013/04/15 Javascript
基于dom编程中 动态创建与删除元素的使用
2013/04/17 Javascript
原生JS实现LOADING效果
2015/03/16 Javascript
jQuery实现不断闪烁文字的方法
2015/05/15 Javascript
jQuery实现判断滚动条到底部
2015/06/23 Javascript
微信小程序 loading 详解及实例代码
2016/11/09 Javascript
AngularJS 单选框及多选框的双向动态绑定
2017/04/20 Javascript
利用js给datalist或select动态添加option选项的方法
2018/01/25 Javascript
JavaScript模拟实现自由落体效果
2018/08/28 Javascript
Bootstrap-table使用footerFormatter做统计列功能
2018/09/07 Javascript
vue-cli3 项目从搭建优化到docker部署的方法
2019/01/28 Javascript
js点击事件的执行过程实例分析【冒泡与捕获】
2020/04/11 Javascript
js实现日历
2020/11/07 Javascript
vue+iview实现分页及查询功能
2020/11/17 Vue.js
在Python中处理时间之clock()方法的使用
2015/05/22 Python
python嵌套函数使用外部函数变量的方法(Python2和Python3)
2016/01/31 Python
Python全局变量用法实例分析
2016/07/19 Python
python中OrderedDict的使用方法详解
2017/05/05 Python
python中使用paramiko模块并实现远程连接服务器执行上传下载功能
2020/02/29 Python
python3 自动打印出最新版本执行的mysql2redis实例
2020/04/09 Python
CSS3近阶段篇之酷炫的3D旋转透视
2016/04/28 HTML / CSS
中国专业的综合网上购物商城:京东
2016/08/02 全球购物
英国足球店:UK Soccer Shop
2017/11/19 全球购物
华为的Java面试题
2014/03/07 面试题
Oracle的内存结构(Memory structures)
2015/06/10 面试题
授权委托书范本(单位)
2014/09/28 职场文书
学生会宣传部竞选稿
2015/11/21 职场文书
入门学习Go的基本语法
2021/07/07 Golang
springmvc直接不经过controller访问WEB-INF中的页面问题
2022/02/24 Java/Android
基于PyQt5制作一个群发邮件工具
2022/04/08 Python