window.location.replace () и window.location не работают в коде jquery - PullRequest
0 голосов
/ 28 января 2019

Я пытаюсь перенаправить в одну из программ, но не получилось. Я попытался создать простую программу, в которой при нажатии кнопки отправки она должна перенаправлять на другую страницу.Я, должно быть, совершил очень фундаментальную ошибку, но не смог понять ее.

У меня есть простая страница, где создается форма с полем ввода и кнопкой отправки.При нажатии кнопки вызывается jquery, который просто перенаправляет его на другую страницу.

<!DOCTYPE html>
<html lang="en">
<head>

</head>
<body>
 <h1>Testing Redirection in Jquery</h1>

 <form method="POST" id="redirectForm" name="redirectForm">
  <input type="text" id="extraField" name="extraField"/><br/><br/>
  <input type="submit" value="Submit" id="btnSubmit" name="btnSubmit" />
 </form>
 <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.2.4/jquery.min.js"> 
 </script>
 <script>
  $(document).ready(function () {
   $("#btnSubmit").click(function (e) {
     alert("Start");
     var extraField = document.getElementById("extraField").value;
     try { 
       window.location.replace("page2.php"); 
       console.log("Successful");
     } 
     catch(e) { 
       window.location = "page2.php";
       console.log("Failed");                   
     }
    });
   });
 </script>
</body>
</html>

Он просто не смог перенаправить на страницу page2.php, а остался на той же странице.Я поставил console.log, а он показывает успешное на секунду и уходит.Это не показывает ошибку как таковую.

Пожалуйста, помогите мне выяснить проблему.

1 Ответ

0 голосов
/ 28 января 2019

Ваш код выполняет 2 отдельных вызова.1) OnSubmit 2) OnClick

здесь ваш «отправить вызов» выполняется 1-й.Если вы хотите продолжить работу с концепцией перенаправления, вы должны использовать type = "button" вместо type = "submit".

Поэтому ваш вызов перенаправляется на ту же страницу, и похоже, что код не работает

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...