Javascript 使用php在html表中显示mysql行内容_Javascript_Php_Html_Mysql

Javascript 使用php在html表中显示mysql行内容

javascript php html mysql

Javascript 使用php在html表中显示mysql行内容,javascript,php,html,mysql,Javascript,Php,Html,Mysql,我是新来的，我有一个问题，我到处寻找解决方案，但我仍然无法解决这个问题我想使用JS在一个表（html）中显示SELECT语句（php）的结果。以下是这3个文件的代码： main.HTML文件 <html> <head> <meta charset="UTF-8"/> <script type = "text/javascript" src="jquery.js" ></script> <script s

我是新来的，我有一个问题，我到处寻找解决方案，但我仍然无法解决这个问题

我想使用JS在一个表（html）中显示SELECT语句（php）的结果。以下是这3个文件的代码：

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>

<?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>";
}
?>

$(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语句是正确的，在Mysql字体中，我可以看到Select语句的结果

这就是我直接运行select.php得到的结果： codnmbredrccn“while（$row=mysqli_fetch_array（$show））{echo”“，$row['cod'..”.$row['nmbre'..”.$row['drccn'..；}echo”“；}？>

现在在mozilla控制台中，我可以看到两个错误：no se Encuntra elemento select.php:18和no se Encuntra elemento main.html:18（no se Encuntra elemento->找不到元素

按钮应该在单击时隐藏，但什么也没有发生。似乎它从未执行js文件。

在这一行中

echo“codnmbredrccn如果您确定mysql的详细信息，那么脚本中的一切都是完美的。
请检查脚本中包含的js文件
<script src="http://code.jquery.com/jquery-2.1.4.min.js"></script>


试试这个
while ($row = mysqli_fetch_assoc($show)) {

    echo "<tr><td>" .$row['cod']."</td><td>".$row['nmbre']."</td><td>".$row['drccn']."</td></tr>";
}

while（$row=mysqli\u fetch\u assoc（$show））{
回显“$row['cod']”、$row['nmbre']”、.$row['drccn']”；
}

或
while（$row=mysqli\u fetch\u assoc（$show））{
回显“$row['0']”、$row['1']”、$row['2']”；
}
我删除了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.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>";
}
?>



输出
只需在ajax success（）中保持alert（）
，看看发生了什么。如果成功，也尝试了“alert”方法，如果没有成功，但什么都没有发生，就像JS文件一样，它从未执行过（这3个文件位于同一文件夹中）有什么想法吗？直接从浏览器的url栏手动调用select.php，如果您在那里看到任何错误消息，请告诉我们。codnmbredrccn“；while（$row=mysqli_fetch_array（$show））{echo”“。$row['cod']。$row['nmbre']。$row['drccn']。；}echo”“；}？>如果我这样做，我得到的就是这个结果。当你调用select.php文件时，你能确认你得到的是作为输出的php代码吗？如果是，那么php代码要么不是通过你的Web服务器调用的（你使用的是直接文件路径作为url）当您调试它时，或者您的Web服务器未配置为运行php代码时。谢谢您，问题已经解决。但主要问题是，当您直接转到select.php时，您现在看到了什么？同样的问题：codnmbredrccn“；while（$row=mysqli_fetch_array（$show））{echo”“。$row['nmbre'..$row['drccn'.}echo”“；}？>你确定吗？你清除了浏览器缓存了吗？因为PHP脚本的第一部分正在工作，所以你的服务器正在处理PHP。它只在缺少>或缺少“或”的地方停止工作"我对mysql的详细信息很有把握。我只是包括了那一行，但还是一样的happens@aarohijquery文件包含在标题部分hi@Syed的最顶部。有什么区别吗？只有列号而不是列名。这不会有任何区别。我也尝试了
，但问题仍然存在。也尝试了并下载js（jquery.js），但问题就在这里..在这里检查您的连接$link=mysqli_connect（“localhost”、“root”、“manishYii”）@RhsKPepper@RhsKPepper.然后.数据库连接出现问题。在$link=mysqli_connect（“xxxxxxx”、“用户_tienda”、“池_tiendas”）中；xxxxxxx的位置是什么。请正确检查用户id、密码和数据库名称。pool_tiendas是您的数据库名称？请正确检查。因为我粘贴了您的相同代码。它对我有效。因此，唯一剩下的是您的数据库连接。请正确检查@RHSKPERP我只更改了我的数据库连接。
 $(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();
        });
    });

<?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>";
}
?>