如何发送2 json数组通过ajax在django中查看

我使用ajax来传递json数组以在django中查看。我的索引页面分为左右两列，每列都有一些文本输入，并且我有一个按钮'Save'来将左右两侧的所有文本值保存到db中。我创建了2个json数组来存储2列的值，然后通过ajax传递它们。但在view.py中只收到一个json数组。如何发送2 json数组通过ajax在django中查看

这是我的代码Ajax和代码view.py：

var jsonArrLeft = []; 
var jsonArrRight = []; 
$('#btnSave').on('click', function() { 
    $('.form-group right').each(function() { 
     debugger; 
     value = $(this).find("input[name='ValueRight']").val() 
     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; 
     value = $(this).find("input[name='ValueLeft']").val() 
     label = $(this).find("input[name='LabelLeft']").val() 
     jsonArr.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); 
      } 
     }); 
    }) 

})

这是我的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)

来源

2016-05-14 Tommy Oliver

因为你发射了两个请求而不是一个请求，所以在一个请求中发送这个'{jsonRight：jsonRight，jsonLeft：jsonLeft}'。 – ishaan

请包括一个AJAX请求后两种情况，并将其发送你的看法。你在这里做的错误是你发送两个不同的请求。

var jsonArrLeft = []; 
    var jsonArrRight = []; 
    $('#btnSave').on('click', function() { 
     $('.form-group right').each(function() { 
      debugger; 
      value = $(this).find("input[name='ValueRight']").val() 
      label = $(this).find("input[name='LabelRight']").val() 
      jsonArrRight.push({ 
       label: label, 
       value: value 
      }) 
     $('.form-group left').each(function() { 
      value = $(this).find("input[name='ValueLeft']").val() 
      label = $(this).find("input[name='LabelLeft']").val() 
      jsonArr.push({ 
       label: label, 
       value: value 
      }) 
      var jsonLeft = JSON.stringify(jsonArrLeft); 
      var jsonRight = JSON.stringify(jsonArrRight); 
      $.ajax({ 
       url: '{% url 'add_label_value' %}', 
       method: 'POST', 
       dataType: 'JSON', 
       data: { 
        'csrfmiddlewaretoken': $('input[name="csrfmiddlewaretoken"]').val(), 
        'jsonRight ': jsonRight , 
        'jsonLeft': jsonLeft  


}, 
      success: function (data) { 
       alert(data); 
      } 
     }); 
    })

来源

2016-05-14 18:05:31

一个正确的答案包括一个解释......不仅仅是代码。如果没有解释，答案对任何人都不了解，你知道你做了什么以及它如何帮助OP的情况 – charlietfl

如何发送2 json数组通过ajax在django中查看

回答

相关问题