[AJAX][JavaScript][PHP]Przekierowanie strony Opcje

[jaca121212]

Witam, borykam się z problemem z logowaniem Jquery/Ajax metodą POST.
Formularz logowania

[PHP] pobierz, plaintext 
echo'<div id="wrapper">';
 
echo'<div id="login_form">';
 echo'<h1>Logowanie</h1>';
 
 echo'<form method="post" action="" onsubmit="return do_login();">';
  echo'<input type="text" name="nick" id="nick" placeholder="Nick">';
 echo' <br>';
  echo'<input type="password" name="haslo" id="pass" placeholder="Hasło">';
  echo'<br>';
  echo'<input type="submit" name="logowanie" value="Zaloguj się" id="login_button">';
 echo'</form>';
 echo'<p id="loading_spinner"><img src="zdjecie spinera"></p>';
echo'</div>';
 
  echo'<p id="loading_spinner"><img src="Zdjecie spinera"></p>';
[PHP] pobierz, plaintext 

Kod Ajax

Kod

<script type="text/javascript">
function do_login()
{
var nick=$("#nick").val();
var pass=$("#pass").val();
if(nick!="" && pass!="")
{
  $("#loading_spinner").css({"display":"block"});
  $.ajax
  ({
  type:'POST',
  url:'http://localhost/nowywyglad/news/app-request/login.php',
  data:{

  nick:nick,
  haslo:pass
  },
  success:function(response) {
  if(response=="success")
  {
    window.location.href="http://localhost/nowywyglad/news/app-layout/main.php";
  
  }
  else
  {
    
    $("#loading_spinner").css({"display":"none"});
    alert("błąd logowania");
    return false;
  }
  }
  });
}

else
{

$("#wrapper").html("Proszę uzupełnić pole");

}


return false;
}
</script>

Do rzeczy!
Po pierwsze gdy pozostawię pola pustę to przeładowuje się strona (a dokładniej to gdy wchodzę w strukturę html i nie widzę nic w sekcji head w body jest tylko div z ID=wrapper).
(IMG:https://iv.pl/images/03397214347212727908.png)
(IMG:https://iv.pl/images/80041867093495681826.png)
Po drugie gdy wpiszę poprawne dane do logowania to wyświetla się komunikat z błędem (alert) gdzie normalnie powinno przekierować mnie na stronę http://localhost/nowywyglad/news/app-layout/main.php (gdy nie jestem zalogowany to przekieruje mnie na stronę główną czyli localhost/nowywyglad/news/index.php)

Jak rozwiązać problem.

Ten post edytował jaca121212 13.05.2019, 12:16:44

[trueblue]

1. Skoro wstawiasz taki HTML do id="wrapper" przy niewypełnionych polach, to czemu się dziwisz?
2. Sprawdź co zwraca wywołanie login.php, bo obstawiam, że nie string "success".

[jaca121212]

Jeśli chodzi o punkt 1 to pomogło wyciągniecie tego formularza nad diva wrapper.
Jeśli chodzi o punkt 2 to w pliku login php jest sprawdzane czy pole nick oraz pass czy nie są pustę jeśli nie to wtedy zostaje zapytanie wysłane do bazy o sprawdzenie usera czy jest taki w bazie czy poprawne podaje nick oraz hasło jeśli tak to jest sesja przekazywana do pliku success i on dopiero przekierowuje na właściwą stronę.
(IMG:https://iv.pl/images/99220180269463901409.png)
(jeżeli o to chodziło)

[trueblue]

Plik login.php ma zwrócić string "success" w przypadku poprawnego zalogowania. Tylko i wyłącznie ten string.

[jaca121212]

Jak to sprawdzić?

[viking]

Tam gdzie wstawiłeś zdjęcie, klikasz 4 zakładkę odpowiedź. Ale źle się do tego zabierasz trochę. Już pomijam że jakieś stare jquery (success zostało usunięte na rzecz jednolitych promise) to poczytaj https://prophp.pl/advice/show/17/jak_przygo...dan_xhr_json%3F

[jaca121212]

Wygląda to tak
(IMG:https://iv.pl/images/30168344772251560944.png)

[viking]

Jak widzisz zwracasz calutką stronę logowania a nie konkretną odpowiedź.

[jaca121212]

Zmieniłem w ten sposób

Kod

  <script>
        $(function() {
            $('#login').on('submit', function(event) {
                event.preventDefault();
          var nick=$("#nick").val();
          var pass=$("#pass").val();
if(nick!="" && pass!="")
{      
                $("#loading_spinner").css({"display":"block"});
                $.ajax({
                    url: "http://localhost/nowywyglad/news/app-request/login.php",
                    method: "POST",
                     data:{
                      nick:nick,
                      haslo:pass
                    }
                  })
                  .done(function(data, textStatus, jqXHR) {
                      window.location.href="http://localhost/nowywyglad/news/app-layout/main.php";
                  })
                  .fail(function(jqXHR, textStatus, errorThrown) {
                      $('#wrapper').text("błąd logowania");
                      $("#loading_spinner").css({"display":"none"});
                      return false;
                  });
}else
{
                $("#wrapper").text("Proszę uzupełnić pole");
                return false;
}                
            });
        });
    </script>

i jest problem bo jeśli wpiszę nie poprawne hasło czy nick to zamiast wyświetlić tekst to przeładowuje stronę oraz gdy jak wpiszę hasło i login poprawne to także przeładowuje stronę i przekierowuje mnie na wskazany adres .done(); ale mam wrażenie że nie jest to wysyłane metodą POST tylko GET
(IMG:https://iv.pl/images/34666093928633865504.png)
Ktoś pomoże w rozwiązaniu problemu.

Ten post edytował jaca121212 13.05.2019, 12:15:45

[nospor]

Czy naprawde kazdy KOD musisz wkladac w tag MANUAL? Jaki to ma sens? Do kodu masz tag np. CODE albo PHP dla kodu php

[jaca121212]

Czy naprawde kazdy KOD musisz wkladac w tag MANUAL? Jaki to ma sens? Do kodu masz tag np. CODE albo PHP dla kodu php

Już poprawiam

Ostatecznie zrobiłem w ten sposób

[PHP] pobierz, plaintext 
<?php 
 session_start();
if(isset($_SESSION['succes-user'])){
 
               unset ($_SESSION['succes-user']);
              }
if(isset($_SESSION['zalogowany']) && isset($_SESSION['zalogowany']) == true)
{
 
header('Location: <a href="http://localhost/nowywyglad/news/app-layout/main.php&#39%3b%29;" target="_blank">http://localhost/nowywyglad/news/app-layout/main.php');</a>
}
else
{
 
}
 
     if(isset($_SESSION['error-registr'])){
               echo $_SESSION['error-registr'];
               unset ($_SESSION['error-registr']);
              }
            if(isset($_SESSION['error-register-visit'])){
               echo $_SESSION['error-register-visit'];
               unset ($_SESSION['error-register-visit']);
              }              
            if(isset($_SESSION['wylogowanie'])){
               echo $_SESSION['wylogowanie'];
               unset ($_SESSION['wylogowanie']);
              }
            if(isset($_SESSION['error-str-nick'])){
               echo $_SESSION['error-str-nick'];
               unset ($_SESSION['error-str-nick']);
              }
            if(isset($_SESSION['error-filter-mail'])){
               echo $_SESSION['error-filter-mail'];
               unset ($_SESSION['error-filter-mail']);
              }
            if(isset($_SESSION['error-lenght-nick'])){
               echo $_SESSION['error-lenght-nick'];
               unset ($_SESSION['error-lenght-nick']);
              }
            if(isset($_SESSION['error-str-password'])){
               echo $_SESSION['error-str-password'];
               unset ($_SESSION['error-str-password']);
              }
            if(isset($_SESSION['error-duble-password'])){
               echo $_SESSION['error-duble-password'];
               unset ($_SESSION['error-duble-password']);
              }              
              if(isset($_SESSION['error-mail'])){
               echo $_SESSION['error-mail'];
               unset ($_SESSION['error-mail']);
              }
              if(isset($_SESSION['error-nick'])){
               echo $_SESSION['error-nick'];
               unset ($_SESSION['error-nick']);
              }
              if(isset($_SESSION['error-nick'])){
               echo $_SESSION['error-nick'];
               unset ($_SESSION['error-nick']);
              }
              if(isset($_SESSION['error'])){
               echo $_SESSION['error'];
               unset ($_SESSION['error']);
              }  
            if(isset($_SESSION['succes-add-user'])){
               echo $_SESSION['succes-add-user'];
               unset ($_SESSION['succes-add-user']);
              }              
              if(isset($_SESSION['blad-wylogowanie'])){
               echo $_SESSION['blad-wylogowanie'];
               unset ($_SESSION['blad-wylogowanie']);
              } 
            if(isset($_SESSION['blad-usera'])){
            echo $_SESSION['blad-usera'];
             unset($_SESSION['blad-usera']);
            }
          if(isset($_SESSION['blad-haslo'])){
              echo $_SESSION['blad-haslo'];
             unset($_SESSION['blad-haslo']);
          }
            if(isset($_SESSION['blad-logowania'])){
             echo $_SESSION['blad-logowania'];
           unset($_SESSION['blad-logowania']);
         }
            if(isset($_SESSION['blad-nick'])){
               echo $_SESSION['blad-nick'];
              unset($_SESSION['blad-nick']);
        }
 ?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
<html>
    <head>
        <meta charset="UTF-8">
<link rel="stylesheet" type="text/css" href="app-css/main.css">
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
    </head>
   <script>
        $(function() {
            $('#login_button').on('submit', function(event) {
                event.preventDefault();
          var nick=$("#nick").val();
          var pass=$("#pass").val();
                $.ajax({
                    url: "http://localhost/nowywyglad/news/app-request/login.php",
                    method: "POST",
                     data:{
                      nick:nick,
                      haslo:pass,
                    }
                  })
                  .done(function() {
                    window.location.href="http://localhost/nowywyglad/news/app-layout/main.php";
                  })
                 .fail(function() {
                      $("#wrapper").text("Proszę uzupełnić pola.");
                   })
                  .always(function() {
                  $("#loading_spinner").css({"display":"block"});
                  });
            });
        });
    </script>
    <body>
 <header>
    <nav>
        <ul>
         <li><a href="http://localhost/nowywyglad/news/app-layout/main.php">Start</a></li>
         <li id="login"><a href=""></a>Logowanie</li>
         <li id="add-user"><a href=""></a>Rejestracja</li>
         <li><a href="">Kontakt</a></li>
        </ul>
    </nav>
</header>
<section>
   <h1>Logowanie</h1>
<form method="post" id="login_button">
<input type="text" name="nick" id="nick" placeholder="Nick">
 <input type="password" name="haslo" id="pass" placeholder="Hasło">
<input type="submit" name="logowanie"  value="Zaloguj się">
</form>
<p id="loading_spinner"><img src="https://loading.io/spinners/rolling/lg.curve-bars-loading-indicator.gif"></p>
<div id="wrapper"></div>
 </section>
<footer>&copy 2017</footer>
</body>
</html>
[HTML] pobierz, plaintext 

A tak na marginesie można przechwycić sesssion z komunikatem o błędzie np tak

Kod

<script>
.....
.fail(function() {
$("#wrapper").text("[b]Tutaj umieścić komunikat  przechwycony z session o błędzie[/b]");


})
.....

</script>