hlmod.hu
https://hlmod.hu/

AJAX & PHP
https://hlmod.hu/viewtopic.php?f=114&t=28794
Oldal: 1 / 1

Szerző:  Krisznitro [ 2018.03.03. 11:43 ]
Hozzászólás témája:  AJAX & PHP

Üdv!
Hogyan oldhatnám meg a következőt?
Ha rákattintok a táblázat valamelyik sorára, akkor egy ajax kérés fusson le, mely továbbítja az ID értékét egy PHP fájlnak.
  1. <table>
  2.         <thead>
  3.             <th>ID</th>
  4.             <th>Név</th>
  5.         </thead>
  6.         <tbody>
  7.             <tr>
  8.                 <td>1</td>
  9.                 <td>Xy</td>
  10.             </tr>
  11.         </tbody>
  12.        
  13.     </table>

  1. <?php
  2. $id = //valahol itt kapná meg az ajax-al továbbított értéket.
  3. ?>

A választ előre is köszönöm!

Szerző:  JohanCorn [ 2018.03.03. 14:41 ]
Hozzászólás témája:  Re: AJAX & PHP

  1. <html>
  2.     <head>
  3.         <meta charset="UTF-8">
  4.         <script src="https://code.jquery.com/jquery-1.11.1.min.js"></script>
  5.         <script>
  6.             function click_on_row(id) {
  7.                 $.ajax({
  8.                     type: "POST",
  9.                     url: "hlmod.php",
  10.                     dataType: "json",
  11.                     data: {
  12.                         function: "click",
  13.                         id: id,
  14.                     },
  15.                     success: function(response) {
  16.                         $("#return_box").html(response.msg);
  17.                     },
  18.                 });
  19.             }
  20.         </script>
  21.     </head>
  22.     <body>
  23.         <table>
  24.             <thead>
  25.                 <th>ID</th>
  26.                 <th>Név</th>
  27.             </thead>
  28.             <tbody>
  29.                 <tr id="1" onclick="click_on_row(this.id)">
  30.                     <td>1</td>
  31.                     <td>Xy</td>
  32.                 </tr>
  33.                 <tr id="2" onclick="click_on_row(this.id)">
  34.                     <td>2</td>
  35.                     <td>JohanCorn</td>
  36.                 </tr>
  37.             </tbody>
  38.         </table>
  39.         <br>
  40.         <font id="return_box"></font>
  41.     </body>
  42. </html>

  1. <?php
  2.  
  3.     if ( $_POST['function'] == 'click' )
  4.     {
  5.         $array = array("msg" => "Return: ". $_POST['id']);
  6.        
  7.         echo json_encode($array);
  8.     }
  9.        
  10. ?>

Szerző:  Krisznitro [ 2018.03.03. 16:59 ]
Hozzászólás témája:  Re: AJAX & PHP

Sikerült! Köszönöm!

Oldal: 1 / 1 Minden időpont UTC+02:00 időzóna szerinti
Powered by phpBB® Forum Software © phpBB Limited
https://www.phpbb.com/