이번 글에서는 django ajax 댓글 제출 및 자동 새로 고침 기능 구현 코드를 주로 소개합니다. 필요하신 분들은 참고하시면 됩니다.
몇번 시도한 끝에 드디어 얻었으니 코드를 올려보겠습니다. (저는 네이티브가 아닌 jQuery의 ajax를 사용합니다.)
js 코드:
<script> $(document).ready(function () { getcomment(); $('.comment-box button').click(function () { var comment_text = $('.comment-box textarea').val(); $.ajax({ type: 'POST', url: '/bbs/article/{{ article_list.id }}/comment/', data: {comment: comment_text}, success:function (callback) { var data = $.parseJSON(callback); $('.callback').html(data.result); if(data.result === 'successfully') { getcomment(); } } }) }); }); function getcomment() { $.ajax({ type: 'GET', url: '/bbs/article/{{ article_list.id }}/get_comment/', success:function (call) { var datas = $.parseJSON(call); $('.comment-list').html(datas.answer); } }) } </script>
전체 텍스트가 로드된 후 getcomment() 함수를 호출하고, 데이터베이스에서 주석을 가져오고, 주석을 제출한 후 다시 getcomment() 함수를 호출합니다.
html 템플릿 자동 새로 고침(부트스트랩 템플릿 사용):
<p class="row"> <p class="comment-list" style="margin-left: 10px"> </p> </p> <p class="row"> <article class="col-xs-12"> <h4>请评论:</h4> <p class="comment-box"> <textarea class="form-control" rows="3"></textarea> <span class="callback"></span><button type="submit" class="btn btn-success pull-right" style="max-width: 5px;">评论</button> </p> </article> </p> <hr>
보기 기능:
@csrf_exempt def comment(request,article_id): if request.method == 'POST': comments = request.POST['comment'] if len(comments) < 5: result = u'评论数需大于5' return HttpResponse(json.dumps({'result': result})) else: result = 'successfully' Comment.objects.create(content= comments, article_id=article_id) return HttpResponse(json.dumps({'result': result}))
댓글을 제출하는 기능입니다. csrf 데코레이터를 추가하는 것을 잊지 마세요.
def get_comment(request, article_id): article_list = get_object_or_404(Article, id=article_id) comments = article_list.comment_set.all() html = '' for i in comments: ele = '<p class="row"><article class="col-xs-12"><p class="pull-right"><span class="label label-default">作者:' + 'i.user' + '</span></p><p>' + i.content + '<ul class="list-inline"><li><a href="#" rel="external nofollow" ></a></li></ul></article></p><hr>' html += ele return HttpResponse(json.dumps({'answer': html}))
댓글을 가져오는 기능 배경.
마지막으로 텍스트 영역 값 지우기:
function resettext() { $('.form-control').val(''); }
위 내용은 제가 모든 사람을 위해 정리한 내용입니다. 앞으로 모든 사람에게 도움이 되기를 바랍니다.
관련 기사:
Ajax 요청 주소 뒤에 임의의 숫자를 추가하면 브라우저 캐싱이 방지되는 이유
브라우저가 Ajax 요청을 기억하고 존재하는 문제 해결 앞으로 가고 뒤로 갈 수 있습니다
위 내용은 django ajax 구현 코드는 주석을 제출하고 자동으로 새로 고침 기능을 제공합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!