Question

I am trying to do a modelform submission is Django with jquery and I am getting a 500 server response and not sure how to proceed.

This is my js:

function addUpdate(e) {
    e.preventDefault();
    var form = jQuery(e.target);
    jQuery.ajax({
        url: form.attr('action'),
        type: form.attr('method'),
        data: form.serialize(),
        dataType: 'json',
        success: function(){
            $('<p>Been Added</p>').insertBefore("div.tr-list");
        }
    });
};

jQuery("form#tr-form").submit(function(e){
    addUpdate(e);
});

This is my form:

<input class="nidden" type="button" id="tr-trigger" value="Add Resource" />

    <form class="absolute" id="tr-form" action="{% url topic_resource_create topic.person.user topic.slug %}" method="POST">{% csrf_token %}
    <div id="tr-wrapper">
        {{ tr_form.as_p }}

        <input id="tr-submit" type="submit" value="Submit" />
        <input type="reset" value="Reset" />
    </div>
    </form>

This is my view:

def tr_create_xhr(request, slug):
    if request.method == "POST":
        form = TopicResourceForm(request.POST)
        try:
            r = Resource.objects.get(url=form.cleaned_data['resource'])
        except Resource.DoesNotExist:
            r = Resource.objects.create(url=form.cleaned_data['resource'], rtype=form.cleaned_data['rtype'])
            r.save()
        form.resource = r
        topic = Topic.objects.get(person__user=request.user, slug__iexact=slug)
        form.topic = topic
        if form.is_valid():
            form.save()
        response = serializers.serialize('json', form)

    if request.is_ajax():
        return HttpResponse(response, content_type="application/javascript")
    else:
        return HttpResponseRedirect("../..")

I am not sure if they view logic is correct because I get a 500 server error everytime i try and post to the url. I have a couple other similar form submissions that are giving me the same error.

Answer 1

Firebug should show you the actual error. However, in this case it seems likely that the problem is in your serialization code. You can’t call serializers.serialize on a form – that makes no sense at all. The serializers work on a queryset.

What you need to do is get the object returned from saving the form, wrap that in a list, and then serialize it:

obj = form.save()
response = serializers.serialize('json', [obj])

However you also have some issues with the flow through your view – there’s no object if the form is not valid, for example.