I am trying to implement an ajax request within a Django framework. However, I am encountering some difficulties when it comes to passing data from the client in json format. Everything works fine when I do not use Json. When I include dataType:'json' along with {'a': 'value'} in the ajax request, I am unable to retrieve it in the view.py file and the result is empty... On the other hand, if I utilize data:$(this).serializeArray() in the ajax call, I can successfully access the result using request.POST. But I have a requirement to customize my data and send additional information to my view.py beyond just the form data. I would like to send {'a', 'mydata', 'form': myformdata}... Is there any way to achieve this?
template:
<form id="ajax2" action="/seghca/test-post/" method="post">{% csrf_token %}
Name : <input type="text" name="nom" value="" id="nom"/><br/>
Surname : <input type="text" name="prenom" value=""/><br/>
<input type="submit" value="Submit"/>
</form>
<div id="result"></div>
javascript:
$(document).ready(function(){
// POST AJAX
$("#ajax2").submit( function() {
var urlSubmit = $(this).attr('action');
var data = $(this).serializeArray();
data.push({
key: "keyName",
value: "the value"
});
$.ajax({
type: "POST",
url: urlSubmit,
dataType: "json",
data : data,//$(this).serializeArray(),
success: function(response){
var json_response = JSON.parse(response);
// now get the variables from the json_response
$('#result').html(json_response.html);
}
});
return false;
});
});
view.py (the ajax launches the test_post view, home2 refers to the view of the form):
from datetime import datetime
from django.http import HttpResponse, Http404
from django.shortcuts import redirect, render
from seghca.models import Article
from django.shortcuts import render_to_response
from django.http import HttpResponse
from django.template import RequestContext
from django.views.decorators.csrf import csrf_exempt
import json
def home2(request):
return render_to_response('seghca/form.html', context_instance=RequestContext(request))
@csrf_exempt
def test_post(request):
data = {'html': request.POST['key']}
return HttpResponse(json.dumps(data), mimetype="application/json")