无法使用jQuery序列化表单（Django）

Question

I have a template

  <form method="POST" action="{% url 'ajax_question' %}" role="form" id="question-form">
    {% csrf_token %}
    {% for answer in answers %}
      <div class="radio"><label name="answers-radio">
        <input type="radio" name="answers-radio"
               value ="{{ answer.id }}">{{ answer.text }}
      </label></div>
    {% endfor %}
  </form>

(actually, it is part of template, but the rest is a things like block , extends , etc)

I try to serialize this form to send with AJAX request, but this code

$("#question-form").serialize()

don't work properly, it only returns

csrfmiddlewaretoken=yYa3KW1pFWCAquX3FUsbMOHTfXE2z8g3

Form renders correct, i see all radio elements and other elements.

Answer 1

Perhaps you could use

$("#question-form").serializeArray();

Here is a solution you could use or look at for ideas. Hope this helps!

https://jsfiddle.net/gabrieleromanato/bynaK/

Answer 2

If you serialize the form on page load, you're only serializing the initial data (which is why you're only getting the csrf_token value). Instead, you want to serialize all of the fields, which won't have values until the fields have been filled out by the user, and submit is fired.

You'll have to adjust your form slightly to not POST immediately (you could remove the action Url if you're planning to use ajax and put that url in your ajax method). But something like this should work for you:

$(document).ready(function() {
    $('#question-form').on('submit', function(event){
        event.preventDefault();
        var form_data = $('#question-form').serialize();
    });
})

Answer 3

愚蠢的错误：我没有选择任何无线电元素，所以什么也没发生。