ajax request not working in django?

Question

Here is my js that uses Jquery blockUI plug-in:

$(document).ajaxStop($.unblockUI);

 $('#submit-id-submit').click(function() {
  $.blockUI({message:'<h1><img src="{% static 'css/spinner.gif' %}" /> Just a moment ...</h1>'});
  $.ajax({
    url: "/search/test/",
    cache:'false',
    dataType: 'text',
    type:"GET",
    success: function(data){
      alert(data);
    },
    error: function(data){
      alert('error; '+ eval(error));
    }
  });
});

my view:

def test_ajax(request):
    time.sleep(20)
    print "in test_ajax"
    return HttpResponse("hell world")

url(r"search/test/$", test_ajax,name="dummy"),

First, I see the ajax call is returning error (because I get alert from error. but it does not show the error message)

Secondly, my view test_ajax is not called, because I would expect the print statement there to be executed, but it does not execute.

I cannot figure out what is going wrong here.

Can you place a breakpoint on your alert, say in Chrome's dev tools, to inspect the error and post it? — Fiver
– Fiver, Commented Apr 25, 2014 at 23:11

brain storm · Accepted Answer · 2014-04-28 19:55:28Z

I have had similar issues in the past. The reason is you are allowing the default form submission. Try this and see what you get;

$('#submit-id-submit').click(function(e) {
   e.preventDefault();
  $.blockUI({message:'<h1><img src="{% static 'css/spinner.gif' %}" /> Just a moment ...</h1>'});
  $.ajax({
    url: "/search/test/",
    cache:'false',
    dataType: 'text',
    type:"GET",
    success: function(data){
      alert(data);
    },
    error: function(data){
      alert('error; '+ eval(error));
    }
  });
});

or simply return false

$('#submit-id-submit').click(function() {

  $.blockUI({message:'<h1><img src="{% static 'css/spinner.gif' %}" /> Just a moment ...</h1>'});
  $.ajax({
    url: "/search/test/",
    cache:'false',
    dataType: 'text',
    type:"GET",
    success: function(data){
      alert(data);
    },
    error: function(data){
      alert('error; '+ eval(error));
    }
  });
   return false;
});

By doing either of this, you prevent default action (in your case form submission I guess) you can read more about this here;

Neil · Accepted Answer · 2014-04-26 21:24:32Z

1

Your error function is trying to alert the error variable which doesn't exist. Try alerting the data variable.

Also to help troubleshoot you could check the view function works with a non AJAX GET request.

Lastly this doesn't apply in your case as your using a GET request, but if you need to do an AJAX post request you'll need to send the CSRF token in the header https://docs.djangoproject.com/en/1.6/ref/contrib/csrf/#ajax.

answered Apr 26, 2014 at 21:24

Neil

9,54310 gold badges47 silver badges50 bronze badges

Collectives™ on Stack Overflow

ajax request not working in django?

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related