0

私はこれに比較的慣れていませんが、物事に取り組んでいます。物事の仕組みをしっかりと理解したい。

そうは言っても、私は Django に ajax フックでコメントを投稿させようとしています。

私はこれを達成するのに近づいていると思っていましたが、今のところ何もありません。投稿されたコメントを保存してメイン ページにリダイレクトするビューを作成できました。コメントがFacebookスタイルで投稿されるように、ajaxを使用できるようにしたいと考えています。

def add_comment(request, pk):
  if request.method == 'POST' and request.is_ajax():
    comment_form = CommentForm(request.POST)
    if comment_form.is_valid():
      comment = comment_form.save(commit=True)
      comment.save()
    json = simplejson.dumps(comment, ensure_ascii=False)
   return HttpResponse(json, mimetype='application/json')
  return render_to_response(simplejson.dumps('{{ post.id }}', {'comment': comment,}), context_instance=RequestContext(request), mimetype='application/json')

この見方は今かなり荒い。json への呼び出しはありませんが、これを読んでください。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js"></script></javascript>
<script type="text/javascript">
  $(document).click(function()
  {
   $('#comment_form').submit(function()
   {
    var dataString = $('#comment_form').serialize();
    $.ajax({
      type: 'POST',
      url: '{{ post.id }}',
      data: dataString,
      success: function(data){
        $('{{ post.id }}').html(data);
      },
    });
    return false;
    });
  });

</script>

 <form action="" method="POST" id="comment_form">{% csrf_token %}
    <div id="cform">
      Name: {{ form.author }}
      <p>{{ form.body|linebreaks }}</p>
    </div>
    <div id="submit"><input type="submit" value="Submit"></div>
  </form>
4

1 に答える 1

0

返信ありがとうございます。次回は、より詳細な投稿を確実に残します。私の問題はjqueryスクリプトにありました。実際のフォームデータではなくDOMオブジェクトである場合、dataStringをフォームデータとしてビューに渡そうとしました。これが最終的な作業スクリプトです。

$(document).ready(function() {
  $('#comment_form').submit(function(e) {
  e.preventDefault();
  $.ajax({
    type: 'POST',
    url: '{% url art.views.post %}',
    data: $('#comment_form').serialize(),
    dataType: 'json',
    success: function() {
      location.reload();
$('#comment_form').get(0).reset();
  },
 });
 return false;
 });
});
于 2012-03-01T08:58:42.140 に答える