Question

我有使用单选按钮填充的类别列表，对于每个类别，我有一个子类别列表。当选择一个类别时，我们可以使用复选框选择多个子类别。如何包装这些数据并发送到我的视图。

这是脚本

<script type="text/javascript">
  var parameter = [] ;

  $('#brand_category').click(function(event){
        parameter.push({
          brand :   $("input[type='radio']:checked").val(),
          category: $("input[type='checkbox']:checked").val()
          })

        console.log(parameter)

        $.ajax({        
              type: "post",
              url: "{% url 'seller_details' %}",
              data: { 'parameter[]' : parameter , csrfmiddlewaretoken:'{{csrf_token}}'},
              success: function(data) {
                $('#loading-image').hide();
              },
              error: function(response, error) {
              }
          });
      });

然后在视图中

list_data = self.request.POST.get('parameter[]')

这是html

    <div id="catmodal" class="modal fade" role="dialog">
  <div class="modal-dialog" style="width:800px">
    <!-- Modal content-->
    <div class="modal-content"style="height: 450px">
      <div class="modal-header text-center">
        <button type="button" class="close" data-dismiss="modal">&times;</button>
        <h4 class="modal-title">Select Brand & Category</h4>
      </div>
      <div class="modal-body">

        <div class="modal-left">
          <ul>
            <div class="heading">Brands</div>
          {% for brand in brands %}
            <li><input type="radio" value="{{brand.title}}" name="brand">{{brand.title}}</li>
          {% endfor %}
          </ul>
        </div>

         <div class="modal-right">
          <ul>
            <div class="heading">Categories</div>
          {% for category in categories %}
            <li><input type="checkbox" value="{{category.title}}"> {{category.title}}</li>
          {% endfor %}
          </ul>
        </div>
      </div>

    </div>
    <input type="submit" value="submit" id="brand_category">
  </div>
</div>

我怎么能实现这一点。谢谢你

Answer 1

尝试list_data = self.request.POST.getlist('parameter[]')。

如何使用jquery发送嵌套数据

1 个答案: