ajax fixed. object still not refined

Author: anistark

django_comments/django_comments/views.py

@@ -2,6 +2,8 @@
 from django.template import RequestContext
 from django.views.decorators.csrf import csrf_exempt
 from comment_react.models import Comments
+from django.http import HttpResponse
+import json
 
 @csrf_exempt
 def home(request):
@@ -16,6 +18,7 @@ def home(request):
 			"post_id": obj.post_id,
 			}
 			comments.append(commentCurr)
+		comments.append({ 'status_code' : 'success' })
 		return render_to_response('index.html', comments)
 	elif request.method == 'POST':
 		data = request.POST.urlencode()
@@ -36,8 +39,10 @@ def home(request):
 			"post_id": obj.post_id,
 			}
 			comments.append(commentCurr)
+		comments.append({ 'status_code' : 'success' })
 		return render_to_response('index.html', comments)
 
+@csrf_exempt
 def getComments(request):
 	data = Comments.objects.all()
 	comments = []
@@ -48,7 +53,7 @@ def getComments(request):
 		"post_id": obj.post_id,
 		}
 		comments.append(commentCurr)
-	print comments
-	return render_to_response('index.html',comments)
+	comments.append({ 'status_code' : 'success' })
+	return HttpResponse(json.dumps(comments), content_type = "application/json")
 
 

django_comments/templates/index.html

@@ -1,12 +1,24 @@
 {% load staticfiles %}
 <link rel="stylesheet" type="text/css" href="{% static 'css/style.css' %}">
-
 <div id="content"></div>
 <script src="http://code.jquery.com/jquery-1.10.0.min.js"></script>
 <script type="text/jsx">
 	/** @jsx React.DOM */
 	var CommentBox = React.createClass({
 		getInitialState: function() {
+			// $.ajax({
+			// 	url : "getcomments/",
+			// 	type : "POST",
+			// 	success : function(data) {
+			// 		console.log('success - '+ JSON.stringify(data));
+			// 		return data;
+			// 	},
+			// 	error : function(xhr,errmsg,err) {
+			// 		console.log('err');
+			// 		console.log(xhr.status + ": " + xhr.responseText);
+			// 		return {data: []};
+			// 	}
+			// });
 			return {data: []};
 		},
 		loadCommentsFromServer: function() {
@@ -16,7 +28,6 @@
 				success : function(data) {
 					console.log('in - '+ data);
 					this.setState({data: data});
-					console.log('data - '+ data);
 				}.bind(this),
 				error : function(xhr, status, err) {
 					console.log('out');
@@ -110,7 +121,7 @@ <h1>Comments</h1>
 		}
 	});
 	React.renderComponent(
-		<CommentBox url="" pollInterval={2000} />,
+		<CommentBox url="getcomments/" pollInterval={2000} />,
 		document.getElementById('content')
 	);
 </script>