Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript][PHP]Przekierowanie strony
Forum PHP.pl > Forum > Przedszkole
jaca121212
12.05.2019, 21:24:28
Witam, borykam się z problemem z logowaniem Jquery/Ajax metodą POST.
Formularz logowania 
[PHP] pobierz, plaintext 
  1. echo'<div id="wrapper">';
  2.  
  3. echo'<div id="login_form">';
  4.  echo'<h1>Logowanie</h1>';
  5.  
  6.  echo'<form method="post" action="" onsubmit="return do_login();">';
  7.   echo'<input type="text" name="nick" id="nick" placeholder="Nick">';
  8.  echo' <br>';
  9.   echo'<input type="password" name="haslo" id="pass" placeholder="Hasło">';
  10.   echo'<br>';
  11.   echo'<input type="submit" name="logowanie" value="Zaloguj się" id="login_button">';
  12.  echo'</form>';
  13.  echo'<p id="loading_spinner"><img src="zdjecie spinera"></p>';
  14. echo'</div>';
  15.  
  16.   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).


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.
trueblue
12.05.2019, 22:31:17
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
12.05.2019, 22:44:33
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ę.

(jeżeli o to chodziło)
trueblue
13.05.2019, 07:05:05
Plik login.php ma zwrócić string "success" w przypadku poprawnego zalogowania. Tylko i wyłącznie ten string.
jaca121212
13.05.2019, 09:41:47
Jak to sprawdzić?
viking
13.05.2019, 09:45:11
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
13.05.2019, 10:28:19
Wygląda to tak
viking
13.05.2019, 10:43:24
Jak widzisz zwracasz calutką stronę logowania a nie konkretną odpowiedź.
jaca121212
13.05.2019, 11:59:36
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

Ktoś pomoże w rozwiązaniu problemu.
nospor
13.05.2019, 12:02:27
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
13.05.2019, 21:17:47
Cytat(nospor @ 13.05.2019, 13:02:27 ) *
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 
  1. <?php 
  2.  session_start();
  3. if(isset($_SESSION['succes-user'])){
  4.  
  5.                unset ($_SESSION['succes-user']);
  6.               }
  7. if(isset($_SESSION['zalogowany']) && isset($_SESSION['zalogowany']) == true)
  8. {
  9.  
  10. 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>
  11. }
  12. else
  13. {
  14.  
  15. }
  16.  
  17.      if(isset($_SESSION['error-registr'])){
  18.                echo $_SESSION['error-registr'];
  19.                unset ($_SESSION['error-registr']);
  20.               }
  21.             if(isset($_SESSION['error-register-visit'])){
  22.                echo $_SESSION['error-register-visit'];
  23.                unset ($_SESSION['error-register-visit']);
  24.               }              
  25.             if(isset($_SESSION['wylogowanie'])){
  26.                echo $_SESSION['wylogowanie'];
  27.                unset ($_SESSION['wylogowanie']);
  28.               }
  29.             if(isset($_SESSION['error-str-nick'])){
  30.                echo $_SESSION['error-str-nick'];
  31.                unset ($_SESSION['error-str-nick']);
  32.               }
  33.             if(isset($_SESSION['error-filter-mail'])){
  34.                echo $_SESSION['error-filter-mail'];
  35.                unset ($_SESSION['error-filter-mail']);
  36.               }
  37.             if(isset($_SESSION['error-lenght-nick'])){
  38.                echo $_SESSION['error-lenght-nick'];
  39.                unset ($_SESSION['error-lenght-nick']);
  40.               }
  41.             if(isset($_SESSION['error-str-password'])){
  42.                echo $_SESSION['error-str-password'];
  43.                unset ($_SESSION['error-str-password']);
  44.               }
  45.             if(isset($_SESSION['error-duble-password'])){
  46.                echo $_SESSION['error-duble-password'];
  47.                unset ($_SESSION['error-duble-password']);
  48.               }              
  49.               if(isset($_SESSION['error-mail'])){
  50.                echo $_SESSION['error-mail'];
  51.                unset ($_SESSION['error-mail']);
  52.               }
  53.               if(isset($_SESSION['error-nick'])){
  54.                echo $_SESSION['error-nick'];
  55.                unset ($_SESSION['error-nick']);
  56.               }
  57.               if(isset($_SESSION['error-nick'])){
  58.                echo $_SESSION['error-nick'];
  59.                unset ($_SESSION['error-nick']);
  60.               }
  61.               if(isset($_SESSION['error'])){
  62.                echo $_SESSION['error'];
  63.                unset ($_SESSION['error']);
  64.               }  
  65.             if(isset($_SESSION['succes-add-user'])){
  66.                echo $_SESSION['succes-add-user'];
  67.                unset ($_SESSION['succes-add-user']);
  68.               }              
  69.               if(isset($_SESSION['blad-wylogowanie'])){
  70.                echo $_SESSION['blad-wylogowanie'];
  71.                unset ($_SESSION['blad-wylogowanie']);
  72.               } 
  73.             if(isset($_SESSION['blad-usera'])){
  74.             echo $_SESSION['blad-usera'];
  75.              unset($_SESSION['blad-usera']);
  76.             }
  77.           if(isset($_SESSION['blad-haslo'])){
  78.               echo $_SESSION['blad-haslo'];
  79.              unset($_SESSION['blad-haslo']);
  80.           }
  81.             if(isset($_SESSION['blad-logowania'])){
  82.              echo $_SESSION['blad-logowania'];
  83.            unset($_SESSION['blad-logowania']);
  84.          }
  85.             if(isset($_SESSION['blad-nick'])){
  86.                echo $_SESSION['blad-nick'];
  87.               unset($_SESSION['blad-nick']);
  88.         }
  89.  ?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8">
  4. <link rel="stylesheet" type="text/css" href="app-css/main.css">
  5. <script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
  6.     </head>
  7.    <script>
  8.         $(function() {
  9.             $('#login_button').on('submit', function(event) {
  10.                 event.preventDefault();
  11.           var nick=$("#nick").val();
  12.           var pass=$("#pass").val();
  13.                 $.ajax({
  14.                     url: "http://localhost/nowywyglad/news/app-request/login.php",
  15.                     method: "POST",
  16.                      data:{
  17.                       nick:nick,
  18.                       haslo:pass,
  19.                     }
  20.                   })
  21.                   .done(function() {
  22.                     window.location.href="http://localhost/nowywyglad/news/app-layout/main.php";
  23.                   })
  24.                  .fail(function() {
  25.                       $("#wrapper").text("Proszę uzupełnić pola.");
  26.                    })
  27.                   .always(function() {
  28.                   $("#loading_spinner").css({"display":"block"});
  29.                   });
  30.             });
  31.         });
  32.     </script>
  33.     <body>
  34.  <header>
  35.     <nav>
  36.         <ul>
  37.          <li><a href="http://localhost/nowywyglad/news/app-layout/main.php">Start</a></li>
  38.          <li id="login"><a href=""></a>Logowanie</li>
  39.          <li id="add-user"><a href=""></a>Rejestracja</li>
  40.          <li><a href="">Kontakt</a></li>
  41.         </ul>
  42.     </nav>
  43. </header>
  44. <section>
  45.    <h1>Logowanie</h1>
  46. <form method="post" id="login_button">
  47. <input type="text" name="nick" id="nick" placeholder="Nick">
  48.  <input type="password" name="haslo" id="pass" placeholder="Hasło">
  49. <input type="submit" name="logowanie"  value="Zaloguj się">
  50. </form>
  51. <p id="loading_spinner"><img src="https://loading.io/spinners/rolling/lg.curve-bars-loading-indicator.gif"></p>
  52. <div id="wrapper"></div>
  53.  </section>
  54. <footer>&copy 2017</footer>
  55. </body>
  56. </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>
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.