Вызов функции php после события onclick

Question

Мне нужна помощь.

Этот PHP код показывает мне таблицу с именами людей из базы данных MySQL:

if ($numRows>=1) 
{ 
echo<<<END 
<td align="center" bgcolor="e5e5e5">nazwisko</td> 
</tr><tr> 
END; 
} 
for ($i = 1; $i <= $numRows; $i++) 
{ 
$row = mysqli_fetch_assoc($result); 
$nazwisko = $row['nazwisko']; 

echo<<<END 
<td align="center">$nazwisko</td> 
</tr><tr> 
END; 

} 

Я хочу эту таблицу показал только после того, как нажать на кнопку. HTML-код выглядит примерно так:

<form class="form-horizontal" role="form" method="POST" action="index.php"> 
<input id="button" name="submit" type="submit" value="Szukaj" class="btn btn-info"> 

Мои усилия были напрасны. Я буду благодарен за помощь.

Answer 1

Ваш браузер не может интерпретировать PHP. Вам нужно будет позвонить Ajax.

request = $.ajax({ 
    url: "/index.php", 
    type: "post" 
}); 

request.done(function (response){ 
    // append the html somewhere on your page 
}); 

Answer 2

полный код

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.0.0/jquery.min.js"></script> 
      <script> 

     function phprun(){ 
     $.ajax({ 
        url:'/index.php', 
        type:'post', 
        dataType:'html', 
        success:function(data){ 
         $('#htmlshow').append(data); 
        }, 
error:function(request,status,error){ 


$('#htmlshow').append("code:"+request.status+"\n"+"message:"+request.responseText+"\n"+"error:"+error);} 

       }) 
     } 
      </script> 
     <div id="htmlshow"> 
     </div> 
      <form class="form-horizontal" role="form" method="POST" action="/index.php" onsubmit="return false;"> 
      <input id="button" name="submit" type="submit" value="Szukaj" class="btn btn-info"  onclick='phprun()'>