Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Jquery i brak danych w funcji get
Forum PHP.pl > Forum > XML, AJAX > AJAX
muwie
7.03.2011, 12:11:32
Witam.
Mam dwa pliki html i php. Oto i one:
[PHP] pobierz, plaintext 
  1. <?php
  2. require 'class.server.php';
  3. $t=$_POST['komentarz'];
  4.  
  5. echo Server::odwroc($t);
  6.  
  7. ?>
[PHP] pobierz, plaintext 

[HTML] pobierz, plaintext 
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3.   <head>
  4.     <title></title>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  6.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  7.     <script type="text/javascript">
  8.  
  9.  
  10.  
  11. $(function() {
  12.  
  13.  
  14.   $(".button").click(function() {
  15. 		// validate and process form
  16. 		// first hide any error messages
  17.  
  18.  
  19. 	  var name = $("input#name").val();
  20.  
  21.  
  22.  
  23. 		var dataString = name;
  24. 		//alert (dataString);return false;
  25.  
  26. 		$.ajax({
  27.       type: "POST",
  28.       url: "server.php",
  29.       data: dataString,
  30.       success: function() {
  31.        $.get("server.php", function(data){
  32. alert("Data Loaded: " + data);
  33. });
  34.  
  35.  
  36.  
  37.  
  38.  
  39.  
  40.       }
  41.      });
  42.     return false;
  43. 	});
  44. });
  45.  
  46.     </script>
  47.   </head>
  48.   <body>
  49.       <form method="post" action="" id="formularz">
  50.  
  51.   <input type="text" name="name" id="name" size="30" value="" class="text-input" /><br />
  52.  
  53.    <input type="submit" name="submit" class="button" id="submit_btn" value="Send" />
  54.      <br/>
  55. <input type="text" name="phone" id="phone" size="30" value="" class="text-input" />
  56.  
  57.  
  58.    </form>
  59.       <div id="message">
  60.       </div>
  61.   </body>
  62. </html>
[HTML] pobierz, plaintext
.
I problem mój polega na tym, że funkcja get przekazuje mi pusty obiekt. Jeśli w skrypcie php podstawie pod zmienną łańcuch znaków to mi poprawnie wyświetla. Mi się wydaje, że błąd jest w tym, że skrypt JS nie czeka na wykonanie skryptu PHP i pobiera dane, gdy tablica POST jest jeszcze pusta. W jaki sposób mogę to naprawić?
melkorm
7.03.2011, 12:16:24
Kod
data : {
komentarz : 'treść komentarza, lub zmienna, zapewne dataString'
}
muwie
7.03.2011, 14:52:43
a w jaki sposób użyć tej funkcji data?
melkorm
7.03.2011, 15:15:54
Data przyjmuje jako parametr obiekt JSON, gdzie kluczem (w tym przypadku komentarz) jest późniejszy klucz w metodzie zapytania (tutaj POST), a wartość to po prostu wartość.

czyli:
Kod
$.ajax({
      type: "POST",
      url: "server.php",
      data:{
komentarz' : dataString,
example : 'example'
},
      success: function() {
       $.get("server.php", function(data){
alert("Data Loaded: " + data);
});

W PHP masz:
[PHP] pobierz, plaintext 
  1. var_dump($_POST);
  2. // array('komentarz' => 'zawartość dataString', 'example' => 'example');
[PHP] pobierz, plaintext


Ogólnie poczytaj w dokumentacji jQuery o obiekcie AJAX, w dodatku FireBug do FireFox'a i możesz przeglądać zwracaną treść przez AJAX.


Ogólnie to masz błąd, wiesz co robi $.ajax, a co robi $.get ? Odpowiedź: To samo smile.gif
$.get jest tylko nakładką na obiekt ajax by uprościć zapytanie. Metoda success jest odpalane gdy żądanie ajax jest zakończone pomyślnie i funkcja ta przyjmuje parametr data, który jest zawartością zwrotną żądania.
Dla tego w success gdy używasz $.get wysyłasz ponownie zapytanie do serwera metodą GET dla tego $_POST jest puste.

Uproszczając :
Kod
$.ajax({
type: "POST",
url: "server.php",
data:{
komentarz' : dataString,
example : 'example'
},
success: function( response ) {
alert(response);
});
muwie
7.03.2011, 16:25:37
Chyba coś źle robię.
[HTML] pobierz, plaintext 
  1. <!--
  2. To change this template, choose Tools | Templates
  3. and open the template in the editor.
  4. -->
  5. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  6. <html>
  7.   <head>
  8.     <title></title>
  9.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  10.     <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
  11.     <script type="text/javascript">
  12.  
  13.  
  14.  
  15. $(function() {
  16.  
  17.  
  18.   $(".button").click(function() {
  19. 		// validate and process form
  20. 		// first hide any error messages
  21.  
  22.  
  23. 	  var name = $("input#name").val();
  24.  
  25.  
  26.  
  27. 		var dataString = name;
  28. 		//alert (dataString);return false;
  29.  
  30. 		$.ajax({
  31.       type: "POST",
  32.       url: "server.php",
  33.       data:{
  34. 'name' : dataString
  35. },
  36.             success: function(response  ) {
  37. $('#message').html(response);
  38.  
  39.  
  40.  
  41.  
  42.  
  43.  
  44.  
  45.       }
  46.      });
  47.     return false;
  48. 	});
  49. });
  50.  
  51.     </script>
  52.   </head>
  53.   <body>
  54.       <form method="post" action="" id="formularz">
  55.  
  56.   <input type="text" name="name" id="name" size="30" value="" class="text-input" /><br />
  57.  
  58.    <input type="submit" name="submit" class="button" id="submit_btn" value="Send" />
  59.      <br/>
  60.  
  61.  
  62.  
  63.    </form>
  64.       <div id="message">
  65.       </div>
  66.   </body>
  67. </html>
[HTML] pobierz, plaintext 

[PHP] pobierz, plaintext 
  1. <?php
  2. require 'class.server.php';
  3. $t=$_GET['name'];
  4.  
  5.  $data=Server::odwroc($t);
  6.  echo $data;
  7.  
  8. ?>
  9.  
[PHP] pobierz, plaintext

a w konsoli w firefoxie dostaje
[HTML] pobierz, plaintext 
  1. <br />
  2. <font size='1'><table dir='ltr' border='1' cellspacing='0' cellpadding='1'>
  3. <tr><th align='left' bgcolor='#f57900' colspan="5"><span style='background-color: #cc0000; color: #fce94f; font-size: x-large;'>( ! )</span> Notice: Undefined index: name in C:\xampp\htdocs\3\server.php on line <i>3</i></th></tr>
  4. <tr><th align='left' bgcolor='#e9b96e' colspan='5'>Call Stack</th></tr>
  5. <tr><th align='center' bgcolor='#eeeeec'>#</th><th align='left' bgcolor='#eeeeec'>Time</th><th align='left' bgcolor='#eeeeec'>Memory</th><th align='left' bgcolor='#eeeeec'>Function</th><th align='left' bgcolor='#eeeeec'>Location</th></tr>
  6. <tr><td bgcolor='#eeeeec' align='center'>1</td><td bgcolor='#eeeeec' align='center'>0.0009</td><td bgcolor='#eeeeec' align='right'>325336</td><td bgcolor='#eeeeec'>{main}(  )</td><td title='C:\xampp\htdocs\3\server.php' bgcolor='#eeeeec'>..\server.php<b>:</b>0</td></tr>
  7. </table></font>
[HTML] pobierz, plaintext

Czyli jestem na początku. Macie jakieś pomysły jak to zrobić? Na sto procent wysyłanie jest dobre bo przechodzi do bloku succes. I jeśli na sztywno wpisze stringa w server.php to działa. Czyli wszystko się rozchodzi o wyświetlanie
Ale gapa ze mnie. Już wszystko oki. W html miałem POST a php brałem z tablicy GET
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.