django ajax json的实例代码
2018-05-29 08:43
961 查看
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的实例代码就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持脚本之家。
您可能感兴趣的文章:
相关文章推荐
- Ajax与服务器(JSON)通信实例代码
- 原生ajax处理json格式数据的实例代码
- JQuery处理json与ajax返回JSON实例代码
- JQuery处理json与ajax返回JSON实例代码
- ajax处理php返回json数据的实例代码
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- ajax处理php返回json数据的实例代码
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- Ajax 传递JSON实例代码
- php+ajax+json 详解及实例代码
- 基于Django框架利用Ajax实现点赞功能实例代码
- JavaScript Ajax Json实现上下级下拉框联动效果实例代码
- php+ajax+json 详解及实例代码
- ajax处理php返回json数据的实例代码
- Ajax提交表单并接收json实例代码
- asp.net+JSON+Ajax(基于Prototype框架1.4)做无刷新的2级DropDownList代码实例
- query ajax json 通过后台代码(查询数据库)绑定html控件select 下拉框实例
- JavaWeb将数据包装成JSON以及JSP通过ajax对JSON的获取与解析(代码实例)
- asp.net中利用Jquery+Ajax+Json实现无刷新分页的实例代码
- Django中使用jquery的ajax进行数据交互的实例代码