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 相关文章推荐
深入理解Javascript中的this关键字
Mar 27 Python
通过源码分析Python中的切片赋值
May 08 Python
Python字符编码与函数的基本使用方法
Sep 30 Python
Python2.X/Python3.X中urllib库区别讲解
Dec 19 Python
tensorflow中next_batch的具体使用
Feb 02 Python
Python 实现文件打包、上传与校验的方法
Feb 13 Python
python 环境搭建 及python-3.4.4的下载和安装过程
Jul 20 Python
Python3监控疫情的完整代码
Feb 20 Python
python数据预处理方式 :数据降维
Feb 24 Python
关于python 跨域处理方式详解
Mar 28 Python
Python 分布式缓存之Reids数据类型操作详解
Jun 24 Python
Python filter()及reduce()函数使用方法解析
Sep 05 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
解析如何去掉CodeIgniter URL中的index.php
2013/06/25 PHP
Ajax+PHP快速上手及简单应用说明
2013/07/24 PHP
PHP图片处理之使用imagecopy函数添加图片水印实例
2014/11/19 PHP
tp5(thinkPHP5框架)时间查询操作实例分析
2019/05/29 PHP
让JavaScript拥有类似Lambda表达式编程能力的方法
2010/09/12 Javascript
javascript权威指南 学习笔记之javascript数据类型
2011/09/24 Javascript
javascript小组件 原生table排序表格脚本(兼容ie firefox opera chrome)
2012/07/25 Javascript
thinkphp中常用的系统常量和系统变量
2014/03/05 Javascript
Jquery性能优化详解
2014/05/15 Javascript
基于javascript实现判断移动终端浏览器版本信息
2014/12/09 Javascript
node.js入门实例helloworld详解
2015/12/23 Javascript
JS解决移动web开发手机输入框弹出的问题
2017/03/31 Javascript
微信小程序中页面FOR循环和嵌套循环
2017/06/21 Javascript
jquery如何实现点击空白处隐藏元素
2017/12/05 jQuery
JavaScript实现数值自动增加动画
2017/12/28 Javascript
Vuejs在v-for中,利用index来对第一项添加class的方法
2018/03/03 Javascript
vue中v-for循环给标签属性赋值的方法
2018/10/18 Javascript
JavaScript this关键字指向常用情况解析
2020/09/02 Javascript
three.js显示中文字体与tween应用详析
2021/01/04 Javascript
JS中循环遍历数组的四种方式总结
2021/01/23 Javascript
[01:36:19]Secret vs NB 2018国际邀请赛小组赛BO2 第一场 8.19
2018/08/21 DOTA
仅用500行Python代码实现一个英文解析器的教程
2015/04/02 Python
深入学习python的yield和generator
2016/03/10 Python
解决matplotlib库show()方法不显示图片的问题
2018/05/24 Python
Python发送邮件测试报告操作实例详解
2018/12/08 Python
python+mysql实现教务管理系统
2019/02/20 Python
详解python配置虚拟环境
2019/04/08 Python
selenium+超级鹰实现模拟登录12306
2021/01/24 Python
面向中国市场的在线海淘美妆零售网站:Beauty House美丽屋
2021/03/02 全球购物
英文简历中的自荐信范文
2013/12/14 职场文书
元宵节主持词
2014/03/25 职场文书
《地震中的父与子》教学反思
2014/04/10 职场文书
杭州西湖英语导游词
2015/02/03 职场文书
人力资源部岗位职责
2015/02/11 职场文书
创业计划书之暑假培训班
2019/11/09 职场文书
基于Python的EasyGUI学习实践
2021/05/07 Python