$.post() nie dziala

Question

Witam mam taki problem. Otóż mam na stronie przycisk ktory po nacisnieciu wywoluje w js funkcje ktora ma wywowac funkcje $.post() i wszystko dziala do tego momentu, funkcja odpowiedzialna(tzn no argument w tej funkcji post) ktora cos robi gdy sie wykona poprawnie post dziala, ale php sie nie wykonuje. Bardzo prawdopobne ze cos zle rozumiem wiec chetnie sie dowiem o co chodzi. Dziekuje

I teraz tak to jest kod z php z tym przyciskiem

<form>
            <div class="form-group">
              <label for="login1">Login</label>
              <input type="text" class="form-control" id="login1" placeholder="Login" name = "login" 
            </div>
            <div class="form-group">
              <label for="password1">Hasło</label>
              <input type="password" class="form-control" id="password1" placeholder="Hasło" name = "haslo">
            </div>
            <button type="button" class="btn" href="#" id="login_submit">Zaloguj się</button>
          </form>

---

To jest kod z js

let submit = $('#login_submit');

submit.click(function(){
	let login_ = $('#login1').val();
	let haslo_ = $('#password1').val();
	
	$.post("test.php",{login:login_, haslo:haslo_}, function(){ console.log( {login:login_, haslo:haslo_});});

})

---

A to kod z php

<?php
    header("Location: zalogowano.php");   //to jest strona na ktora ma przekierowac sie strona po nacisnieciu tego przycisku tak tylko zeby sprawdzic ze ten php sie wogole wykonuje , i nawet to nie dziala
    if ((!isset($_POST['login'])) || (!isset($_POST['haslo'])))
        {
            header("Location: zalogowano.php");

        }
    if(isset($_POST['login']) || isset($_POST['haslo'])){
        header("Location: zalogowano.php"); 

?>

 

Answer 1

Po wciśnięciu przycisku, który znajduje się w form, przeglądarka automatycznie wysyła formularz. Ty tego nie chcesz, ponieważ sam chcesz go wysyłać za pomocą JS. Aby temu zapobiec musisz wywołać .preventDefault() na obiekcie Eventu, który jest przekazywany do funkcji jako argument. jQuery event.preventDefault()

Comments

zmienilem to tak, nie do konca wiedzialem ktory mam dac wiec dalem na button i na tym obiekcie preventDefault() i nadal nie dziala

let submit = $('#login_submit');

submit.click(function(event){
	event.preventDefault();
	let login_ = $('#login1').val();
	let haslo_ = $('#password1').val();
	
	$.post("test.php",{login:login_, haslo:haslo_}, function(){ console.log( {login:login_, haslo:haslo_});});

})

$( "button" ).click(function(event) {
event.preventDefault()});

 

---

I teraz tak naszlo mnie jeszcze jedno pytanie. Na pewno wysylany jest formularz gdy to nie jest submit tylko button? bo wlasnie po tej zmianie przestalo dzialac. Tzn no i po dolaczeniu js

---

Nie zauważyłem, że do buttona dodałeś [type=button]. Proponuję wyrzucić type z buttona i "wysyłać" formularz za pomocą Eventu submit.

---

I wlasnie o to sie rozchodzi ze ja bym nie chcial aby sie strona przeladowywala w zaden sposob. Bo to wyglada tak, ze robie projekt z kolezanka, i ona sie zajmuje wygladlem a ja reszta zeby to dzialalo, i zrobila bardzo fajne okienka ktore wyskakuja, a w momencie gdy naciska sie submit to one sie zamykaja

---

Gdy użyjesz wydarzenia submit i preventDefault na nim, strona nie będzie się przeładowywała, a będziesz pewny, że użytkownik faktycznie chce wysłać formularz.

---

O wlasnie wpadlem na ten pomysl, dziekuje bardzo :D

---

No i teraz tylko jest taki problem ze faktycznie no okienko zostaje, ale nie wysyla formularza, nawet przez js przez $.post

---

Pokaż kod i sprawdź czy funkcja podczas wydarzenia się wykonuje (wrzuć w nią console.log) i sprawdź czy coś pojawia się w konsoli (F12 Chrome).

---

$("#login_submit").click(function(e){
	let login_ = $("#login1").val();
	let haslo_ = $("#password1").val();
    e.preventDefault();
	console.log("cos");
	//$.post("test.php",{login:login_, haslo:haslo_}, function(){ console.log( {login:login_, haslo:haslo_});});
  });

 

---

komentarz sie pokazuje w konsoli

---

A po wysłaniu zapytania coś wyskakuję? Jakiś błąd?

Jeżeli sprawdzasz czy zapytanie działa poprzez header(Location) w PHP, to zawsze on nie będzie "działał". Nagłówek faktycznie będzie przekazywany do odpowiedzi, ale nie będzie działał on "automatycznie".

---

Nie wyskakuje nic

---

mam tez echo z tymi zmiennymi, tzn $_POST['login'] i haslo i z nich tez nic nie ma

---

Spróbuj wykonać takie zapytanie i pokaż co się zwraca konsola.

$.post("test.php", {login:login_, haslo:haslo_},
  function( data, status ) {
    console.log( data, status );
  }
);

 

---

wyskakuja dane z wejsc tzn login i haslo jakie wpisalem oraz "success"

---

ooo dobra przepraszam zle powiedzialem, wyskakuje mi teraz dobrze to co chcialem

---

tzn ten plik do ktorego chcialem sie przeniesc gdy wpisalem dobre dane. tzn tekst z tego pliku