Блог

У меня есть функция, которая при отправке формы отображает всплывающее окно. В этом всплывающем окне у меня есть ссылка <a class="btn btn-primary" href="{{ url 'enviado' name=? mail=? }}">Join</a>

Я хочу передать туда свои переменные js. Это мой код:

Мой js:

 document.querySelector('#elform').addEventListener("submit", function(event) {

  event.preventDefault();

    fetch("", {

      method: 'POST',
      body: JSON.stringify({
        mail: document.querySelector('#email').value,
        name: document.querySelector('#name').value
      }),
      headers: {
        "Content-type": "application/json; charset=UTF-8",
        "X-CSRFToken": getCookie('csrftoken')
      }
    })
    .then(response => response.json())
    .then(result => {
          popup_content('show');
       
        }
    });
}
  });
})

  

Мой html, всплывающее содержимое:

 <div id="popup_content_wrap" style='display:none'>
      <div align="center" id="popup_content">
          <center>
               <p>Welcome</p>

                <a class="btn btn-primary" href="{{ url 'enviado' name=? mail=?  }}">Join</a>

              <a align="right" type="submit" name="submit" onClick="popup_content('hide')">Go back</a>
          </center>
      </div>
  </div>
  

Есть ли какой-либо способ сделать это?

Вы можете обновить href с помощью javascript. Поместите это в свой last .then. Вам нужно будет добавить селектор к ссылке «присоединиться».

 let mail = document.querySelector('#email').value;
let name = document.querySelector('#name').value;

document.querySelector('#joinlink').href = `/enviado?name=${ name }amp;mail=${ email }`
  

Вы можете создать URL-адрес, используя литерал шаблона или любым другим методом.