CODEWITHSUNDEEP
javascriptjquerypythonajaxdjango
Rohit Garg
Rohit Garg

Reputation: 115

ajax request django , jquery

#home.html
<html>
<head>
<script type="text/javascript">
$(window).load(function() {
alert("Example of a basic alert box in jquery");
$.ajax({
    type: 'POST' ,
    url: '{% url "filter.views.myajax" %}',
    datatype: 'json' ,
    async: true,
    data:{
        csrfmiddlewaretoken: '{{ csrf_token }}',
        sentence: $('#word').val()
    },

    success: function(json) {
        $('#output').html(json.message);
    }
  });

  }



});

</script>
<title> My first </title>
<body>
<div id="output"> &nbsp; </div>
<div>
<form onsubmit="return false;">
{% csrf_token %}
Enter :- <br />
<input type="text" id="word" /> <br />
<button onclick="callajax()"> Submit </button>
</form>
</div>
</body>
</html>

#views.py
def myajax(request):
sentence= request.POST.get("sentence","")
response_data={}

try:
    response_data['title']='Hey its done ajax'
    response_data['message']=fil(sentence)

except:
    response_data['title']='NO'
    response_data['message']='NO'

return HttpResponse(json.dumps(response_data),content_type="application/json")
#url.py
from django.conf.urls import patterns, include, url

from django.contrib import admin
admin.autodiscover()

urlpatterns = patterns('',
# Examples:
url(r'^hello/$', 'filter.views.hello'),
url(r'^ajax/$', 'filter.views.myajax'),
)

I have been trying to implement ajax through jquery and update a div according to the response. There is no output shown when i click submit button. I have added the view.py and my template file here. What is the issue here ?

Upvotes: 3

Views: 2923

Answers (1)

Priyank Patel
Priyank Patel

Reputation: 3535

Replace :

url: 'filter.views.myajax'

With

url: '{% url filter.views.myajax %}'

# **For Django >= 1.5 **

url: '{% url "filter.views.myajax" %}'

inside $.ajax({})

Upvotes: 6

Related Questions