Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][PHP]Przesyłanie danych z JQuery do PHP
Forum PHP.pl > Forum > Przedszkole
teez
9.04.2013, 12:37:53
Hej,



Aktualnie mam taki kod :

[HTML] pobierz, plaintext 
  1. <HEAD>
  2.  
  3. <TITLE> TEST </TITLE>
  4.  
  5. <script type='text/javascript' src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
  6.  
  7.  
  8.  
  9. </HEAD>
  10.  
  11.  
  12.  
  13. <form action="index.php" method="post">
  14.  
  15.     <table class="ipb_table">
  16.  
  17.         <tbody>
  18.  
  19.         <tr class="header">
  20.  
  21.         </tr>
  22.  
  23.         <tr>
  24.  
  25.             <td width="42%" align="right"><strong>Imię</strong></td>
  26.  
  27.             <td align="left"><input type="text" class="input_text" name="imie" size="25" maxlength="24" placeholder="Martin"></td>
  28.  
  29.         </tr>
  30.  
  31.         <tr>
  32.  
  33.             <td width="42%" align="right"><strong>Nazwisko</strong></td>
  34.  
  35.             <td align="left"><input type="text" class="input_text" name="nazwisko" size="25" maxlength="24" placeholder="Diesel"></td>
  36.  
  37.         </tr>
  38.  
  39.         <tr>
  40.  
  41.             <td align="right"><strong>Wiek</strong></td>
  42.  
  43.             <td align="left"><input type="text" class="input_text" name="charage" size="25" maxlength="4" placeholder="21 lat"></td>
  44.  
  45.         </tr>
  46.  
  47.         <tr>
  48.  
  49.             <td align="right"><strong>Płeć</strong></td>
  50.  
  51.             <td align="left">
  52.  
  53.                 <select id="charsex" name="charsex" class="input_text" style="min-width: 158px;">
  54.  
  55.                     <option value="-1" selected="selected"> </option>
  56.  
  57.                     <option value="1">Mężczyzna</option>
  58.  
  59.                     <option value="0">Kobieta</option>
  60.  
  61.                 </select>
  62.  
  63.             </td>
  64.  
  65.         </tr>
  66.  
  67.         </tbody>
  68.  
  69.     </table>
  70.  
  71.  
  72.  
  73.  
  74.  
  75. <div id="sMale" style="display:none;">
  76.  
  77.  
  78.  
  79.  
  80.  
  81.             <img src="http://localhost/f/public/gp/skins/2.png" class="skins" id="2" style="margin-top: 3px;" />
  82.  
  83.  
  84.  
  85.             <img src="http://localhost/f/public/gp/skins/7.png" class="skins" id="7" style="margin-top: 3px;" />
  86.  
  87.  
  88.  
  89.  
  90.  
  91.     </div>
  92.  
  93.  
  94.  
  95.     <div id="sFemale" style="display:none;">
  96.  
  97.  
  98.  
  99.  
  100.  
  101.             <img src="http://localhost/f/public/gp/skins/9.png" class="skins" id="9" style="margin-top: 3px;" />
  102.  
  103.  
  104.  
  105.             <img src="http://localhost/f/public/gp/skins/12.png" class="skins" id="12" style="margin-top: 3px;" />
  106.  
  107.  
  108.  
  109.     </div>
  110.  
  111.  
  112.  
  113.  
  114.  
  115.     <input type="hidden" name="skin" id="sid" value=""><br />
  116.  
  117.     <div align="center"><input type='submit' class='input_submit' value='Submit' /></div>
  118.  
  119.  
  120.  
  121. </form>
  122.  
  123. <script type="text/javascript">
  124.  
  125. jQuery(".skins").click( function () { if( jQuery("#sid").val() != jQuery(this).attr("id")){ jQuery(".skins").fadeTo("fast", 0.33); jQuery(this).fadeTo("fast", 1); jQuery("#sid").val( jQuery(this).attr("id") ); } else { jQuery(".skins").fadeTo("slow", 1); jQuery("#sid").val(""); } });
  126.  
  127. jQuery("#charsex").change( function () { if(jQuery(this).val() == '1') { jQuery("#sMale").show("slow"); jQuery("#sFemale").hide("slow"); } else if (jQuery(this).val() == '0') { jQuery("#sFemale").show("slow"); jQuery("#sMale").hide("slow"); } else { jQuery("#sMale").hide("slow"); jQuery("#sFemale").hide("slow"); } });
  128.  
  129.  
  130.  
  131. $('.skins').click(function(event) {
  132.  
  133. $.post('index.php', {'id' : $(this).attr('id')}, function(data) {
  134.  
  135.  
  136.  
  137. })
  138.  
  139. });
  140.  
  141.  
  142.  
  143. </script>
  144.  
  145. <?php
  146.  
  147.  
  148.  
  149.         echo $_POST['id'];
  150.  
  151.                 echo "<br/>";
  152.  
  153.         echo $_POST['imie'];
  154.  
  155.                 echo "<br/>";
  156.  
  157.         echo $_POST['nazwisko'];
  158.  
  159.                 echo "<br/>";
  160.  
  161.         echo $_POST['charage'];
  162.  
  163.                 echo "<br/>";
  164.  
  165.         exit();
  166.  
  167.  
  168.  
  169. ?>
[HTML] pobierz, plaintext


Z zamierzeniem, aby $_POST['id'] wyrzucił ID obiektu, który użytkownik wybrał. Niestety, tak się nie dzieje, nic nie zostaje odesłane. Co robię źle?
!*!
9.04.2013, 12:48:00
Formatuj jakoś kod, bo nie idzie się połapać. Poza tym, jak chcesz wyświetlić coś, czego nie ma (w tym samym pliku)? Tu masz wyjaśnione jak to działa http://api.jquery.com/jQuery.post/
teez
9.04.2013, 12:55:27
Wybacz !*!, ale nie mam zielonego pojęcia o tym. Nic mi to nie mówi i nie wiem o co chodzi z " jak chcesz wyświetlić coś, czego nie ma (w tym samym pliku)? ".

$_POST['imie'] $_POST['nazwisko'] $_POST['charage'] wyswietla, ale $_POST['id'] już nie.
!*!
9.04.2013, 13:11:06
Ale co Ci wyświetla, skoro nie używasz w tym ajaxa? To normalne wyświetlenie danych POST, po wysłaniu formularza. W linku jaki podałem Ci wyżej masz kilka przykładów jak wysłać takie dane.
ber32
9.04.2013, 13:45:54
Witam

tu nic niema
[PHP] pobierz, plaintext 
  1. jQuery("#sid").val() != jQuery(this).attr("id")
[PHP] pobierz, plaintext

i tu
[PHP] pobierz, plaintext 
  1. jQuery("#sid").val( jQuery(this).attr("id") );
[PHP] pobierz, plaintext

i tu
[PHP] pobierz, plaintext 
  1. <input type="hidden" name="skin" id="sid" value=""><br />
[PHP] pobierz, plaintext

i tu
[PHP] pobierz, plaintext 
  1. <body></body>
[PHP] pobierz, plaintext

no i jeszcze sam poszukaj
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.