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装饰器 免去调用父类构造函数的麻烦
May 18 Python
python定时检查某个进程是否已经关闭的方法
May 20 Python
python简单线程和协程学习心得(分享)
Jun 14 Python
用python处理图片之打开\显示\保存图像的方法
May 04 Python
python实现飞机大战微信小游戏
Mar 21 Python
Python设计模式之组合模式原理与用法实例分析
Jan 11 Python
python opencv 简单阈值算法的实现
Aug 04 Python
python pip安装包出现:Failed building wheel for xxx错误的解决
Dec 25 Python
python实现二分类和多分类的ROC曲线教程
Jun 15 Python
关于PyCharm安装后修改路径名称使其可重新打开的问题
Oct 20 Python
Python如何批量生成和调用变量
Nov 21 Python
TensorFlow2.0使用keras训练模型的实现
Feb 20 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环境配置 php5 mysql5 apache2 phpmyadmin安装与配置
2006/11/17 PHP
轻松修复Discuz!数据库
2008/05/03 PHP
php判断电脑访问、手机访问的例子
2014/05/10 PHP
一个经典的PHP验证码类分享
2014/11/18 PHP
PHP中Closure类的使用方法及详解
2015/10/09 PHP
php集成动态口令认证
2016/07/21 PHP
jquery tablesorter.js 支持中文表格排序改进
2009/12/09 Javascript
一段批量给页面上的控件赋值js
2010/06/19 Javascript
实现51Map地图接口(示例代码)
2013/11/22 Javascript
使用jQuery获得内容以及内容的属性
2015/02/26 Javascript
使用AngularJS制作一个简单的RSS阅读器的教程
2015/06/18 Javascript
JavaScript获得url查询参数的方法
2015/07/02 Javascript
解决微信浏览器Javascript无法使用window.location.reload()刷新页面
2016/06/21 Javascript
jQuery插件jquery.kxbdmarquee.js实现无缝滚动效果
2017/02/15 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
2017/05/11 Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
2017/09/26 Javascript
Vue+Mock.js模拟登录和表格的增删改查功能
2018/07/26 Javascript
JS实现可切换图片的幻灯切换效果示例
2019/05/24 Javascript
el-select 下拉框多选实现全选的实现
2019/08/02 Javascript
[03:03]DOTA2校园争霸赛 济南城市决赛欢乐发奖活动
2013/10/21 DOTA
Python基于滑动平均思想实现缺失数据填充的方法
2019/02/21 Python
django框架使用orm实现批量更新数据的方法
2019/06/21 Python
Python笔记之facade模式
2019/11/20 Python
Python下载的11种姿势(小结)
2020/11/18 Python
24个canvas基础知识小结
2014/12/17 HTML / CSS
领先的钻石和订婚戒指零售商:Diamonds-USA
2016/12/11 全球购物
纪伊国屋新加坡网上书店:Kinokuniya新加坡
2017/12/29 全球购物
美国宠物美容和宠物用品购物网站:Cherrybrook
2018/12/07 全球购物
be2台湾单身男女交友:全球网路婚姻介绍的领导品牌
2019/10/11 全球购物
营销专业应届生求职信
2013/11/26 职场文书
委托书模板
2014/04/04 职场文书
财务会计专业自荐书
2014/06/30 职场文书
三八活动策划方案
2014/08/17 职场文书
大学生学习计划书
2014/09/15 职场文书
毕业生就业推荐表导师评语
2014/12/31 职场文书
2015小学新教师个人工作总结
2015/10/14 职场文书