djangoからajaxでコメントを投稿する場合は

Question

私は比較的新しいですが、私は物事を通して働いています。私は物事の仕組みをしっかりと理解したい。

私は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> 

Answer 1

返信いただきありがとうございます。次回はもっと詳細な投稿を残しておきます。私の問題は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; 
}); 
});