使用Ajax和Django发出POST请求

时间:2020-01-22 15:13:01

标签: javascript html django ajax

我正在关注此文档,了解如何使用ajax和django进行发布请求:

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


这是我走了多远:


import.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); 
    }
    });
});

views.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}) 

urls.py

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

控制台中没有错误,提交表单后页面会刷新,并且没有任何内容存储到数据库中。

谢谢您的帮助

2 个答案:

答案 0 :(得分:0)

Required是一个单独的属性。如果存在required,则必须在填写表单之前填写输入字段。参见此处:https://www.w3schools.com/tags/att_input_required.asp也来自Django文档:

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

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

答案 1 :(得分:0)

我更改了:

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

收件人:

if request.method == 'POST':

现在可以使用了!