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 04 Python
Python 实现某个功能每隔一段时间被执行一次的功能方法
Oct 14 Python
Python高级特性与几种函数的讲解
Mar 08 Python
python实现用类读取文件数据并计算矩形面积
Jan 18 Python
python wav模块获取采样率 采样点声道量化位数(实例代码)
Jan 22 Python
Django 项目布局方法(值得推荐)
Mar 22 Python
使用Python3 poplib模块删除服务器多天前的邮件实现代码
Apr 24 Python
python中关于数据类型的学习笔记
Jul 19 Python
给Django Admin添加验证码和多次登录尝试限制的实现
Jul 26 Python
Django restful framework生成API文档过程详解
Nov 12 Python
python树莓派通过队列实现进程交互的程序分析
Jul 04 Python
Python 统计序列中元素的出现频度
Apr 26 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 数据库树的遍历方法
2009/02/06 PHP
PHP中查询SQL Server或Sybase时TEXT字段被截断的解决方法
2009/03/10 PHP
CI框架开发新浪微博登录接口源码完整版
2014/05/28 PHP
PHP 只允许指定IP访问(允许*号通配符过滤IP)
2014/07/08 PHP
php获取字符串中各个字符出现次数的方法
2015/02/23 PHP
如何解决PHP无法实现多线程的问题
2015/09/25 PHP
thinkPHP模板引擎用法示例
2016/12/08 PHP
laravel配置Redis多个库的实现方法
2019/04/10 PHP
laravel在中间件内生成参数并且传递到控制器中的2种姿势
2019/10/15 PHP
JavaScript中两种链式调用实现代码
2011/01/12 Javascript
初识JQuery 实例一(first)
2011/03/16 Javascript
jQuery 常用代码集锦(必看篇)
2016/05/16 Javascript
js基于cookie记录来宾姓名的方法
2016/07/19 Javascript
jquery siblings获取同辈元素用法实例分析
2016/07/25 Javascript
JavaScript多态与封装实例分析
2018/07/27 Javascript
深入理解 TypeScript Reflect Metadata
2019/12/12 Javascript
JavaScript中window和document用法详解
2020/07/28 Javascript
JS变量提升及函数提升实例解析
2020/09/03 Javascript
简单介绍Python的Tornado框架中的协程异步实现原理
2015/04/23 Python
python实现解数独程序代码
2017/04/12 Python
python多维数组切片方法
2018/04/13 Python
tensorflow学习笔记之简单的神经网络训练和测试
2018/04/15 Python
Django配置celery(非djcelery)执行异步任务和定时任务
2018/07/16 Python
对python中的iter()函数与next()函数详解
2018/10/18 Python
使用Python进行目录的对比方法
2018/11/01 Python
Python3中列表list合并的四种方法
2019/04/19 Python
python脚本之一键移动自定格式文件方法实例
2019/09/02 Python
Python+Appium实现自动化测试的使用步骤
2020/03/24 Python
TensorFlow2.0使用keras训练模型的实现
2021/02/20 Python
CSS3中媒体查询结合rem布局适配手机屏幕
2019/06/10 HTML / CSS
奥巴马竞选演讲稿
2014/05/15 职场文书
党员干部观看《周恩来四个昼夜》思想汇报
2014/09/10 职场文书
2015年汽车销售工作总结
2015/04/07 职场文书
雾霾停课通知
2015/04/24 职场文书
闪闪红星观后感
2015/06/08 职场文书
《巫师》是美食游戏?CDPR10月将推出《巫师》官方食谱
2022/04/03 其他游戏