Отображение содержимого строк mysql в таблице html с использованием php

Я здесь новый, и у меня есть вопрос, я искал решение повсюду, и я все еще не могу решить эту проблему.

Я хочу показать результаты инструкции SELECT (в php) в таблице (html) с помощью JS. Вот код этих трех файлов:

файл main.HTML

<html> <head> <meta charset="UTF-8"/> <script type = "text/javascript" src="jquery.js" ></script> <script src="select.js" type="text/javascript"></script> </head> <body> <button id="button"> Mostrar </button> <br> <input type="text" id="id" /> <div id="content"></div> </body> </html> 

файл select.PHP

 <?php $link=mysqli_connect("xxxxxxx", "user_tienda","%%%%%%%%","pool_tiendas"); if (mysqli_connect_errno() ) echo "Fallo en la conexion con mysql" .mysqli_connect_error(); $action=$_POST["action"]; if ($action=="showroom") { $query = "SELECT cod, nmbre, drccn from tienda"; $show = mysqli_query($link, $query) or die ("error"); echo "<table border='2px'><tr><td>cod</td><td>nmbre</td><td>drccn</td</tr>"; while ($row = mysqli_fetch_array($show)) { echo "<tr><td>" .$row['cod']."</td><td>".$row['nmbre']."</td><td>".$row['drccn']."</td></tr>"; } echo "</table>"; } ?> 

файл select.JS

 $(document).ready(function(){ $("#button").click(function () { function show_all() { $.ajax({ type: "POST", url: "select.php", data:{action:"showroom"}, success: function (data) { $("#id").hide(); $("#content").html(data); } }); } show_all(); }); }); 

Проблема в том, что когда я нажимаю кнопку, чтобы показывать контент, ничего не происходит.

Правило Select statemnt верное, в шрифте Mysql я могу видеть результаты инструкции SELECT.

Это то, что я получаю, если я непосредственно запускаю select.php: codnmbredrccn "; while ($ row = mysqli_fetch_array ($ show)) {echo" ". $ Row ['cod']." ". $ Row ['nmbre ']. "". $ row [' drccn ']. "";} echo "";}?>

Теперь в консоли mozilla я вижу 2 ошибки: no se encuentra elemento select.php: 18 и no se encuentra elemento main.html: 18 (no se encuentra elemento -> не может найти элемент

При нажатии кнопки кнопка должна скрываться, но ничего не происходит. Похоже, он никогда не выполняет js-файл.

В этой строке

echo "<table border='2px'><tr><td>cod</td><td>nmbre</td><td>drccn</td</tr>";

В последнем </td> отсутствует значение >

В вашем скрипте все идеально, если вы уверены в своих подробностях в mysql. Проверьте, что ваши файлы js включены в скрипт.

 <script src="http://code.jquery.com/jquery-2.1.4.min.js"></script> 

Я удалил jquery.js и вставил еще один скрипт. Это сработало для меня. Я подключил его к локальному хосту. Проверь это.

main.html

 <html> <head> <meta charset="UTF-8"/> <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> <script src="select.js" type="text/javascript"></script> </head> <body> <button id="button"> Mostrar </button> <br> <input type="text" id="id" /> <div id="content"></div> </body> </html> 

select.js

  $(document).ready(function(){ $("#button").click(function () { function show_all() { $.ajax({ type: "POST", url: "select.php", data:{action:"showroom"}, success: function (data) { $("#id").hide(); $("#content").html(data); } }); } show_all(); }); }); 

select.php

 <?php $link=mysqli_connect("localhost", "root","","manishYii"); if (mysqli_connect_errno() ) echo "Fallo en la conexion con mysql" .mysqli_connect_error(); $action=$_POST["action"]; if ($action=="showroom") { $query = "SELECT FirstName, LastName, EmailID from members"; $show = mysqli_query($link, $query) or die ("error"); echo "<table border='2px'><tr><td>cod</td><td>nmbre</td><td>drccn</td</tr>"; while ($row = mysqli_fetch_array($show)) { echo "<tr><td>" .$row['FirstName']."</td><td>".$row['LastName']."</td><td>".$row['EmailID']."</td></tr>"; } echo "</table>"; } ?> 

Вывод введите описание изображения здесь

попробуй это

 while ($row = mysqli_fetch_assoc($show)) { echo "<tr><td>" .$row['cod']."</td><td>".$row['nmbre']."</td><td>".$row['drccn']."</td></tr>"; } 

или

 while ($row = mysqli_fetch_assoc($show)) { echo "<tr><td>" .$row['0']."</td><td>".$row['1']."</td><td>".$row['2']."</td></tr>"; }