장고 ajax통신 코드

출처 http://greenyant.blogspot.kr/2014/07/django-jquery-ajax-simple.html

weejw@weejwPC:~/queryTester/blog$ tree

.

├── __init__.py

├── __pycache__

│   ├── __init__.cpython-34.pyc

│   ├── admin.cpython-34.pyc

│   ├── models.cpython-34.pyc

│   ├── urls.cpython-34.pyc

│   └── views.cpython-34.pyc

├── admin.py

├── admin.py~

├── apps.py

├── migrations

│   ├── 0001_initial.py

│   ├── __init__.py

│   └── __pycache__

│       ├── 0001_initial.cpython-34.pyc

│       └── __init__.cpython-34.pyc

├── models.py

├── models.py~

├── templates

│   └── ajaxtest.html

├── tests.py

├── urls.py

├── urls.py~

├── views.py

└── views.py~

views.py

from django.shortcuts import render

from django.views.generic.edit import CreateView

from django.contrib.auth.forms import UserCreationForm

from django.http import HttpResponse

def ajaxTest(request):

    if request.is_ajax():

        data = "You click " + request.GET['click'] + " button"

        import json

        return HttpResponse(json.dumps({'message':data}), 'application/json')

    return render(request, 'ajaxtest.html')

urls.py

from django.conf.urls import url

from . import views

urlpatterns = [

    url(r'', views.ajaxTest, name='post_list'),

]

ajaxtest.html

<script src="https://d10ajoocuyu32n.cloudfront.net/jquery-1.9.1.min.js"></script>

<script type="text/javascript">

 $(document).on("click", "#id_a", function() {

  var c_data = {};

  c_data['click'] = 'a';

  $.ajax({

   url : ".",

   dataType:"json",

   data: c_data

  }).done(function(msg) {

   $("#text_area").append("done : "+msg['message']+"<_br />");

  });

 });

</script>

<button id="id_a">

 a

</button>

<div id="text_area">

 Text Area

</div>

실행화면