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自动生成文章
Dec 25 Python
对Python多线程读写文件加锁的实例详解
Jan 14 Python
对PyQt5中树结构的实现方法详解
Jun 17 Python
python动态进度条的实现代码
Jul 03 Python
用python建立两个Y轴的XY曲线图方法
Jul 08 Python
Django-Model数据库操作(增删改查、连表结构)详解
Jul 17 Python
解决安装python3.7.4报错Can''t connect to HTTPS URL because the SSL module is not available
Jul 31 Python
python处理自动化任务之同时批量修改word里面的内容的方法
Aug 23 Python
python实现输入任意一个大写字母生成金字塔的示例
Oct 27 Python
浅谈tensorflow中Dataset图片的批量读取及维度的操作详解
Jan 20 Python
Python datetime 格式化 明天,昨天实例
Mar 02 Python
python3安装OCR识别库tesserocr过程图解
Apr 02 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
PHP数据库开发知多少
2006/10/09 PHP
PHP中改变图片的尺寸大小的代码
2011/07/17 PHP
简单的PHP缓存设计实现代码
2011/09/30 PHP
图文详解PHP环境搭建教程
2016/07/16 PHP
php日志函数error_log用法实例分析
2019/09/23 PHP
jquery pagination插件实现无刷新分页代码
2009/10/13 Javascript
jquery 学习笔记一
2010/04/07 Javascript
JS+DIV实现鼠标划过切换层效果的实例代码
2013/11/26 Javascript
html的DOM中document对象images集合用法实例
2015/01/21 Javascript
jQuery中each()、find()和filter()等节点操作方法详解(推荐)
2016/05/25 Javascript
快速入门Vue
2016/12/19 Javascript
详解网站中图片日常使用以及优化手法
2017/01/09 Javascript
使用原生js封装的ajax实例(兼容jsonp)
2017/10/12 Javascript
mui上拉加载更多下拉刷新数据的封装过程
2017/11/03 Javascript
react学习笔记之state以及setState的使用
2017/12/07 Javascript
jQuery实现鼠标移到某个对象时弹出显示层功能
2018/08/23 jQuery
webpack优化之代码分割与公共代码提取详解
2019/11/22 Javascript
JS中的模糊查询功能
2019/12/08 Javascript
[02:42]DOTA2城市挑战赛收官在即 四强之争风起云涌
2018/06/05 DOTA
numpy排序与集合运算用法示例
2017/12/15 Python
Python装饰器知识点补充
2018/05/28 Python
简单了解python的内存管理机制
2019/07/08 Python
python烟花效果的代码实例
2020/02/25 Python
python高阶函数map()和reduce()实例解析
2020/03/16 Python
对Keras中predict()方法和predict_classes()方法的区别说明
2020/06/09 Python
python连接mysql有哪些方法
2020/06/24 Python
Matplotlib中%matplotlib inline如何使用
2020/07/28 Python
css3 pointer-events 介绍详解
2017/09/18 HTML / CSS
用纯CSS3实现网页中常见的小箭头
2017/10/16 HTML / CSS
什么是符号链接,什么是硬链接?符号链接与硬链接的区别是什么?
2014/01/19 面试题
运动会跳远广播稿
2014/02/04 职场文书
出售房屋委托书范本
2014/09/24 职场文书
秦始皇兵马俑导游词
2015/02/02 职场文书
婚育证明格式
2015/06/17 职场文书
Python机器学习三大件之一numpy
2021/05/10 Python
sql server偶发出现死锁的解决方法
2022/04/10 SQL Server