使用 Ajax 和 Django 发出 POST 请求

Question

我正在关注有关如何使用 ajax 和 django 发出发布请求的文档：

https://dev.to/coderasha/how-to-send-django-form-with-ajax-4bpo

---

这是我走了多远：

---

导入.html

  <form method="POST" id="solver_args-form">{% csrf_token %}
    {% for field in form.visible_fields %}
    <div class="form-group">
        {{ field.label_tag }}
        {{ field }}
    </div>
    {% endfor %}
     <button type="submit" class="btn btn-primary">Submit</button>
  </form>

---

$(document).on('submit', '#solver_args-form',function(e){
    $.ajax({
        type:'POST',
        url:'{% url "create" %}',
        data:{
            name:$('#id_name').val(),
            csrfmiddlewaretoken:$('input[name=csrfmiddlewaretoken]').val(),
            action: 'post'
        },
        success:function(json){
            document.getElementById("solver_args-form").reset();
        },
        error : function(xhr,errmsg,err) {
        console.log(xhr.status + ": " + xhr.responseText); 
    }
    });
});

---

视图.py

def update_solverargs(request):
    solver_args = SolverArgs.objects.all()
    response_data = {}
    if request.POST.get('action') == 'post':
    name = request.POST.get('name')
    response_data['name']           = name
    SolverArgs.objects.create(
        name = name,
    )
    return JsonResponse(response_data)
return render(request, 'import.html', {'solver_args':solver_args}) 

---

网址.py

urlpatterns = [
    url(r'^create/$', update_solverargs, name='update_solverargs'),
]

---

控制台中没有错误，当我提交表单时页面确实刷新并且没有任何内容存储到数据库中。

感谢您的任何帮助

Answer 1

Required是一个单独的属性。 当required ，必须在提交表单之前填写输入字段。 请参阅此处： https ://www.w3schools.com/tags/att_input_required.asp 同样来自 Django 文档：

Field.blank 如果为 True，该字段允许为空。 默认为假。 请注意，这与 null 不同。 null 纯粹与数据库相关，而 blank 与验证相关。 如果一个字段有 blank=True，表单验证将允许输入一个空值。 如果一个字段有 blank=False，则该字段将是必需的。 块引用

您需要指定blank = True例如： field = models.CharField(max_length=8, default='', blank=True)

Answer 2

我变了：

if request.POST.get('action') == 'POST':

到：

if request.method == 'POST':

现在它起作用了！