How to handle Django a form submit HTML response in a jquery dialog/modal?

Question

Im trying to submit a form from a dialog window and show the response in the same dialog window. Right now im trying with a Django view that returns a form (with Valdiation Errors) as a html-string.

template = "register.html"
html = render_to_string(template, {'form': form})
return HttpResponse(html, content_type="text/html; charset=utf-8") 

But i have some problems with the function in my dialog-modal. Im missing the part that replaces the content in the "modal/dialog" with the new html from the HttpResponse..

$('#registerform').submit(function(e){
e.preventDefault();
$.post('register', function(data){ 

//somthing is missing here..             
});
return false;    
});

Not sure about the formatting right now but you get the idea. If any expert could guide me in the right direction i would be a happy man! Thanks

Answer 1

This is an implementation with Django braces: https://github.com/brack3t/django-braces

//Inside your click, event whatever call...
...
// Get the token initialy, this is the way to do it 
// using the jQuery cookie plugin 
var $csrftoken = $.cookie('csrftoken');
$.ajax({
    type: 'POST',
    url: '/your/post/url/',
    crossDomain: false,
    beforeSend: function(xhr) {
        xhr.setRequestHeader("X-CSRFToken", $csrftoken);
    },
    success: function(ctx) {
        """
        ctx contains the data your view returns, 
        If you are using Django braces, you could implement the 
        AjaxResponseMixin mixin which allows you to return a dict 
        to the view.
        """
    },
});
...

views.py

class AjaxDosomethingView(JSONResponseMixin, AjaxResponseMixin, View):

    def post_ajax(self, request, *args, **kwargs):
        """
        Do some stuff and create the response object
        """
        myid = request.POST.get('somevar')
        result = MyModel.objects.get(id=myid)
        response = {'id': result.id, 'title': result.title}

        return self.render_json_response(response, 200)