Forum PHP.pl > PHP + jQuery Ajax GET

Pomoc - Szukaj - Użytkownicy - Kalendarz

damianooo

22.07.2013, 11:45:32

Witam,

Nie wiem czy dobrze przekazuję dane ajaxem metodą GET do skryptu PHP. Po kliknięciu w link "my_button" zwracany jest komunikat o błędzie. Czemu dane, które przekazuję nie są doklejane do adresu url ? Co robię źle ?

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
   <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
      <script src="js/myscript.js"></script>
   </head>
   <body>
      <div id="mycontent" >
         <a href="" id="mybutton">Calculate</a>
         <p id="result" >Result: </p>
      </div>
   </div>
</body>
</html>
[HTML] pobierz, plaintext

plik myscript.js

[HTML] pobierz, plaintext 
$(document).ready(function() {
   $("#mybutton").click(function() {
      $.ajax({
         url: "http://test.local/index.php",
         type: "GET",
         data: "first=3&second=4",
         success: function(data) {
            if (data) {
               $("#result").html('ole');
            }
         },
         error: function() {
            alert("something wrong");
         }
      });
   });
});
[HTML] pobierz, plaintext

SaMi

22.07.2013, 13:54:41

Uzywasz metody ajaxowej która komunikuje się z serwerem bez przeładowywania całego dokumentu, w sposób asynchroniczny (działa w tle). W twoim przypadku wszystko działa poprawnie. Proponuję użyć np. wtyczki do firefoxa - firebug, w konsoli zobaczysz wszelkie informacje o tym co i w jaki sposób zostało wysłane i ewentualnie odebrane. Jesli chcesz zmodifikować URL urzyj standardowego przekierowania.

damianooo

22.07.2013, 14:02:14

nie wiem już nic nie rozumiem ... niby proste a taki z tym kłopot .. w Firebugu dobrze dokleja mi dane , jednak jak klikam w link to wyświetla się alert "Something wrong" ... co tam mam źle ? jak powinno sie odbierać dane w PHP z ajaxa metody GET ? , myślełem że dobrze to robię ... standardowego przekierowania tzn. ?

próbowałem już nawet tak i dalej jest to samo:

[HTML] pobierz, plaintext 
<!DOCTYPE html>
<html>
   <head>
      <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
 
      <script language="javascript">
         $(document).ready(function() {
            $("#mylink").click(function() {
               $.ajax({
                  type: "GET",
                  url: "index.php",
                  data: "first=3",
                  success: function(data) {
                     if (data) {
                        $("#result").html('ole');
                     }
                  },
                  error: function() {
                     alert("something wrong");
                  }
               });
            });
         });
      </script>
   </head>
   <body>
      <a href="" id="mylink">Show</a>
      <p id="result" >Result: <?php echo $_GET['first']; ?></p>
</body>
</html>
[HTML] pobierz, plaintext

Mogę Cię prosić o odpalenie tego kawałka skryptu u siebie ?

Tam w Firebugu w konsoli tylko przez chwilę po kliknięciu pokazuje sie informacja że wysłanie jest metodą GET i że dana "first" została poprawnie doklejona do adresu URL . Dlaczego więc nie mogę jej odebrać w skrypcie PHP w ten sposób "$_GET['first'] oraz dlaczego nie wykonuje się ta część skryptu js po Success tylko error ? ... please pomóż

SaMi

22.07.2013, 14:35:31

plik index.html

[HTML] pobierz, plaintext 
    <!DOCTYPE html>
    <html>
    <head>
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
    <script>
 $(document).ready(function() {
	$("#mybutton").click(function() {
		$.ajax({
		type: "GET",
		url: "index.php",
		data: "first=3&second=6",
			success: function(data) {
				if (data) {
					var returned = jQuery.parseJSON(data);
					alert('first='+ returned.first +', second='+ returned.second);
				}
			},error: function() {
				alert("something wrong");
			}
		});
		return false;
	});
});
	</script>
    </head>
    <body>
    <div id="mycontent" >
    <a href="" id="mybutton">Calculate</a>
    <p id="result" >Result: </p>
    </div>
    </div>
    </body>
    </html>
[HTML] pobierz, plaintext

plik index.php

[PHP] pobierz, plaintext 
<?php 
	$get = $_GET;
	echo json_encode($get);
?>
[PHP] pobierz, plaintext

Powinno zadziałać, zwróć też uwagę na return false;

damianooo

22.07.2013, 15:01:22

dzięki Stary ... właśnie tego "return false" mi brakowało ... zapomniałem o tym ... ehh szkoda gadać, straciłem tyle czasu niepotrzebnie ...

pozdrawiam

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.