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

标签 javascript php html mysql

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

我想使用 JS 在表格 (html) 中显示 SELECT 语句(在 php 中)的结果。这是这 3 个文件的代码:

ma​​in.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文件

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

选择.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语句是正确的,在Mysql字体中我可以看到SELECT语句的结果。

This is what I'm getting if I directly run select.php: codnmbredrccn"; while ($row = mysqli_fetch_array($show)) { echo "" .$row['cod']."".$row['nmbre']."".$row['drccn'].""; } echo ""; } ?>

Now in mozilla console I can see 2 errors: no se encuentra elemento select.php:18 and no se encuentra elemento main.html:18 (no se encuentra elemento -> can't find element

按钮应该在单击时隐藏,但没有任何反应。好像它从不执行 js 文件。

最佳答案

在这一行

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

决赛</td>缺少 >

关于javascript - 使用 php 在 html 表中显示 mysql 行内容,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32944253/

相关文章:

javascript - 如何使用 Protractor 测试 mdToast 的渲染文本?

javascript - 如何自动将 CSS 应用于 console.log 着色

html - 在对象 typescript 代码中查找元素

html - 内容:“”的作用是什么?

javascript - 如何在 ExpressJS 中创建可扩展 Controller

javascript - 解析目标为 ="new"的链接并添加一个 onclick 事件

php - 恢复广告服务器 : how to add extra field at add new advertiser section

php - 使用 PDO 搜索

php - Doctrine 查询错误未知列

css - 如何将子div宽度设置为父div的80%