Question

修改我是发展新手。所以我可能没有得到这个简单的问题。

这已被标记为重复。但我不这么认为。我的第二个Modal位于另一个文件中。它与第一个Modal不在同一个文件中。所以我不确定如何在第一个Model中引用Ajax（jQuery）中的第二个Modal。

ORIGINAL

我一直试图从另一个Modal打开一个Modal。在第一个模态中，我进行Ajax调用以验证代码变量。如果成功，我希望Ajax调用将用户重定向到实际的注册表单。它确实重定向但我希望它作为Modal打开而不是正常的页面。这是我的第一个模态中的Ajax：

$(function() {
    $("#verify").click(function () {
          var code = $("#code").val();
          var csrf = $('input[name="csrfmiddlewaretoken"]').val();
          var link = "{% url 'health:add_doctor' %}"
        $.ajax({
            type: "POST",
            url: '/verify_code/',
            data: {
                'code': code,
                'csrfmiddlewaretoken': csrf
            },
        dataType: 'json',
        success: function (data) {
            alert(link)
            if (data.verified == 1) {
                $(location).attr('href', link);
            }
        }
      });
    });
});

第二模态代码：

<form action="{% url 'health:add_doctor'%}" method="post" accept-charset="utf-8" class="form" role="form">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" id="title-doc">Add a Doctor</h4>
    </div>
    <div class="modal-body">
        {% csrf_token %}
        <div class="row">
        Fields here
        </div>
    </div>
    <div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
        <button class="btn btn-success" type="submit">Add</button>
    </div>
</form>

第二个Modal在按钮上打开正常，然后单击另一个页面。但是我没有从Modal那里得到它。我在SO上尝试了几个答案，但它在我的案例中并没有起作用。

请有人帮忙吗？

在Ajax成功时，从一个Modal重定向到另一个模态

0 个答案: