Question

I currently have a web page where the user enters some data and then clicks a submit button. I process the data in views.py and then use the same Django template to return and display the original data and the results. What I would like to do is try to give it a bit more of a modern look and feel. You know the sort of thing, the page doesn’t refresh but displays a spinning disk until the results are displayed. I assume this means using Ajax? How difficult is it to modify a simple app like this to use Ajax? What is involved? What are the best tools to use? JQuery?

Answer 1

All you need to do is submit the form using ajax

Example:

$('#form').bind('submit', function(){

   $.ajax({url:$(this).attr('action'),
           type: "POST",
           data: {//form inputs},
           success:function(response){
              // code to update DOM
           }
          });
  return false;
});

this would submit the form using ajax and stop page from reload.

I would recommend you to take a look at django ajax example, this has a clean explanation for handling ajax on the django.