1

в общем есть форма регистрации, после заполнения которой приходит код на почту и перекидывает на другую форму, которую я рендарю и вставляю на эту же страницу. Вот ajax запрос:

$(document).ready(function() 
    { $("#my_form").submit(function(event) 
        { event.preventDefault(); 
            $this = $(this); 
            $.ajax({ 
        type: "POST",
        data: $this.serialize(), 
        success: function(data) 
        { console.log(data); 
         var parent=$("#my_form").parent();
         parent.html(data.success); 
       }, 
       error: function(data) 
       { console.log(data);
         $this.html(data); 
       } 
     }); 
    }); 
});

после этого запроса на этой же странице вставляется такой код html

<form action="{%url 'endreg' %}" method="post" autocomplete="off" id="my_form">
   {% csrf_token %}
   {{rs}}
  <div class="verification" >
    <div class="ver">
     {{form}}
    </div>
    <input type="submit" value="{%trans 'Отправить' %}" class="btn" > 
   </div>  
</form>

в action указываю url на котором весит обработчик сравнения кода вот сам обработчик(как я понял это надо если вставлять форму с другой html страницы)

def endreg(request):
    name = request.session.get("phone", " ")
    name1 = request.session.get("code", " ")
    name2 = request.session.get("purpose", " ")
    name3 = request.session.get("date_visit", " ")
    name4 = request.session.get("time_visit", " ")
    if request.method == 'POST':
        form = NameForm1(request.POST)
        if form.is_valid():
            code_use = form.cleaned_data.get("key")
            if (name1 == code_use):
                try:
                    user = Registration.objects.get(phone=name,purpose=name2,date_visit=name3,time_visit=name4)
                    user.verification = True
                    user.save() 
                    return JsonResponse({ 'success': 'thanks'})
                except:
                    return JsonResponse({ 'success': 'error'})
    else:
        form = NameForm1()
    return render(request, 'registers/endreg.html','form': form})

вопрос в том как мне обработать вторую форму с помощью ajax. Надо писать еще один ajax запрос(форме пробовал дать другой id и на него написать еще 1 ajax и отправлять запрос, результат был такой же)? сейчас при вводе правильного кода меня перекидывает на страницу 127.0.0.1:8000/endreg , и на ней мой Json { 'success': 'error'} при вводе неправильного на туже страницу с формой. Не понимаю, почему результат не вставляется на этой же странице. Что надо сделать чтобы результат выводился на начальной странице 127.0.0.1:8000 ?

1 ответ 1

1

Потому что $("#my_form").submit(function(event) { ... вешает обработчик на DOM-элемент формы, который существует в момент выполнения этого кода, и который уничтожается, когда Вы делаете parent.html(data.success);.

$(document).on("submit", "#my_form", function(event) {
  ...
2
  • сейчас попробую, спасибо! на 2 форму же надо будет еще 1 ajax?
    – qwerty
    3 мар 2020 в 5:36
  • @user355827 Если Вам нужен точно такой же ajax, то так он будет работать и для новой формы. Обработчик прикрепляется к документу, но выстреливает для событий на элементах, удовлетворяющих селектору.
    – user176262
    3 мар 2020 в 5:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.