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脚本帮你找出微信上删除你好友的人
Jan 07 Python
Python爬虫辅助利器PyQuery模块的安装使用攻略
Apr 24 Python
Python爬取当当、京东、亚马逊图书信息代码实例
Dec 09 Python
python3.6+opencv3.4实现鼠标交互查看图片像素
Feb 26 Python
Python读取excel中的图片完美解决方法
Jul 27 Python
python并发和异步编程实例
Nov 15 Python
浅谈python新式类和旧式类区别
Apr 26 Python
使用Flask-Cache缓存实现给Flask提速的方法详解
Jun 11 Python
Python 调用 Outlook 发送邮件过程解析
Aug 08 Python
使用PyTorch将文件夹下的图片分为训练集和验证集实例
Jan 08 Python
Python使用Pandas库常见操作详解
Jan 16 Python
keras中的卷积层&amp;池化层的用法
May 22 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中利用XML技术构造远程服务(上)
2006/10/09 PHP
一个比较简单的PHP 分页分组类
2009/12/10 PHP
php中判断文件空目录是否有读写权限的函数代码
2012/08/07 PHP
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
试用php中oci8扩展
2015/06/18 PHP
PHP用函数嵌入网站访问量计数器
2017/10/27 PHP
laravel 事件/监听器实例代码
2019/04/12 PHP
用jquery来定位
2007/02/20 Javascript
firefo xml 读写实现js代码
2009/06/11 Javascript
javascript/jquery获取地址栏url参数的方法
2014/03/05 Javascript
Javascript编写2048小游戏
2015/07/07 Javascript
javascript中eval和with用法实例总结
2015/11/30 Javascript
Vuejs第九篇之组件作用域及props数据传递实例详解
2016/09/05 Javascript
深入理解vue-router之keep-alive
2017/08/31 Javascript
layerUI下的绑定事件实例代码
2018/08/17 Javascript
angularjs1.5 组件内用函数向外传值的实例
2018/09/30 Javascript
关于在LayUI中使用AJAX提交巨坑记录
2019/10/25 Javascript
微信小程序 自定义弹窗实现过程(附代码)
2019/12/05 Javascript
python解析模块(ConfigParser)使用方法
2013/12/10 Python
使用Python3编写抓取网页和只抓网页图片的脚本
2015/08/20 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
Python字典中的键映射多个值的方法(列表或者集合)
2018/10/17 Python
python列表推导和生成器表达式知识点总结
2020/01/10 Python
Pycharm安装并配置jupyter notebook的实现
2020/05/18 Python
pycharm 实现复制一行的快捷键
2021/01/15 Python
澳大利亚床上用品、浴巾和家居用品购物网站:Bambury
2020/04/16 全球购物
介绍一下MD5加密算法
2016/11/12 面试题
接口可以包含哪些成员
2012/09/30 面试题
高中体育教学反思
2014/01/29 职场文书
大学军训感言400字
2014/03/11 职场文书
群众路线个人剖析材料
2014/10/07 职场文书
村干部群众路线整改措施思想汇报
2014/10/12 职场文书
会计师事务所实习证明
2014/11/16 职场文书
2014年司机工作总结
2014/11/21 职场文书
建议书范文
2015/02/05 职场文书
学校远程教育工作总结
2015/08/11 职场文书