I am currently implementing ajax to pass a JSON array to the view in Django. On my index page, I have two columns - left and right. Each column contains several text inputs, and there is a 'Save' button that saves all the values from both sides into the database. To achieve this, I created two separate JSON arrays to store the values from each column. However, when I retrieve these arrays in the view.py file, only one of them is received.
Here is an example of my AJAX code and the corresponding code in the view.py file:
var jsonArrLeft = [];
var jsonArrRight = [];
$('#btnSave').on('click', function () {
$('.form-group.right').each(function () {
debugger;
var value = $(this).find("input[name='ValueRight']").val();
var label = $(this).find("input[name='LabelRight']").val();
jsonArrRight.push({
label: label,
value: value
});
var jsonRight = JSON.stringify(jsonArrRight);
$.ajax({
url: '{% url 'add_label_value' %}',
method: 'POST',
dataType: 'JSON',
data: {
'csrfmiddlewaretoken': $('input[name="csrfmiddlewaretoken"]').val(),
'jsonRight': jsonRight
},
success: function (data) {
alert(data);
}
});
});
$('.form-group.left').each(function () {
debugger;
var value = $(this).find("input[name='ValueLeft']").val();
var label = $(this).find("input[name='LabelLeft']").val();
jsonArrLeft.push({
label: label,
value: value
});
var jsonLeft = JSON.stringify(jsonArrLeft);
$.ajax({
url: '{% url 'add_label_value' %}',
method: 'POST',
dataType: 'JSON',
data: {
'csrfmiddlewaretoken': $('input[name="csrfmiddlewaretoken"]').val(),
'jsonLeft': jsonLeft
},
success: function (data) {
alert(data);
}
});
});
});
And here is the corresponding code in view.py:
def add_label_value(request):
if request.method == 'POST':
try:
if request.is_ajax():
order_header = OrderHeader()
jsonRight = json.loads(request.POST.get('jsonRight'))
for x in jsonRight:
order_header.label = x.label
order_header.value = x.value
order_header.position = 'right'
order_header.save()
jsonLeft = json.loads(request.POST.get('jsonLeft'))
for y in jsonLeft:
order_header.label = y.label
order_header.value = y.value
order_header.position = 'left'
order_header.save()
except OSError as e:
error = messages.add_message(request, messages.ERROR, e, extra_tags='add_label_value')
html = '<p>This is not ajax</p>'
return HttpResponse(html)