Question

我要做的是在模态中的步骤形式。我的第1步的内容是从我的数据库中循环的处理或服务。当我单击其中一个（“.alert”）（我使用BS警报作为按钮）时，处理ID将存储在下一步字段集中的隐藏输入中。我想要发生的是将该ID发送回我的views.py并检索它，以便我可以获得有关治疗持续时间的信息。

我的js中应该发生魔法的功能

    $(".alert").click(function(){

    service_id = $(this).find("input").val();

    current_fs = $(this).parents("fieldset");
    next_fs = $(this).parents("fieldset").next();

    $("#nav li").eq($("fieldset").index(next_fs)).addClass("active");
    $("#nav li").eq($("fieldset").index(current_fs)).removeClass("active");

    current_fs.hide();
    next_fs.show();

    next_fs.find("div").find("input").val(service_id);
    $.post("{% url 'calendarium:data' %}",{id: service_id});

   });

my views.py

@csrf_exempt
def time(request):
    data = request.POST.get('id','')
    treatment = get_object_or_404(Services, pk = data)
    return render(request,'calendarium/calendar_msform.html',
                                                    {'treatment':treatment})

我的calendar_msform.html

    <fieldset id="#step-2"  style="display: none">

    <div style="display:block;
    border-style:solid;
    border-color:#aa9977;
    border-radius: 5px;
    box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.4);
    padding: 5px">

        <input type="hidden" value="">

        {% if treatment.duration == 30 %}

        <div  class="alert alert-default" style="padding: 2px">


            10:00 - 10:30 am
            <label style="float: right; margin-right: 10px">
            <small>{{ s.duration }} mins</small></label>

        </div>

        {% else %}

        {% endif %}





    </div>

    <input id="backStep1" type="button" name="previous" class="previous 
    action-button-previous" value="Previous"/>
    <input id="toStep3" type="button" name="next" class="next action-button" 
    value="Next"/>
    </fieldset>

我已成功将数据发送回我的观点，但我无法在我的html文件中访问它。我是jquery和django的新手，所以我真的需要帮助。谢谢。

Answer 1

您需要使用$ .post的响应并相应地更新您的页面。该页面不会随着视图的返回HTML自动更新，您必须使用javascript将其放在某处。例如，

$.post("{% url 'calendarium:data' %}",{id: service_id}, function(response){
    $('#form-div').html(response);
});

将渲染的html放入id为'form-div'的任意div中。 Response是Django视图返回的输出。

如何使用$ .post（）将Jquery变量发送到我的views.py，如何在不刷新页面的情况下检索它们

1 个答案: