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

时间:2015-10-05 08:33:50

标签: 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 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&#34 ;; while($ row = mysqli_fetch_array($ show)){echo&#34;&#34; 。$行[&#39;鳕鱼&#39;]&#34;&#34; $行[&#39; nmbre&#39;]&#34;&#34; $行[&# 39; drccn&#39;]&#34;&#34 ;; } echo&#34;&#34 ;; }?&gt;

     

现在在mozilla控制台中我可以看到2个错误:没有se encuentra elemento select.php:18并且没有se encuentra elemento main.html:18(没有se encuentra elemento - &gt;无法找到元素

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

4 个答案:

答案 0 :(得分:0)

在这一行

import requests from collections import namedtuple from jinja2 import Environment, FileSystemLoader r = requests.get("http://172.19.37.3:5600/cmdc/content?region=24802&currency=myr&catalogueId=24802&isPurchasable&filter=source~vod&filter=source~group&count=255&collapse=true&sort=%2btitle&pset=Group1") data = r.json() assets = {} AssetDetails = namedtuple('AssetDetails', 'title, parental_rating, poster_uri') env = Environment(loader=FileSystemLoader('templates')) template = env.get_template('test.html') for asset in data['contents']: for media_uri in asset['media']: poster_uri = "" if media_uri['classification'] == "urn:nnds:Metro:metadata:MediaTypeCS:2007:2.1": poster_uri = media_uri['uri'] assets[asset['id']] = AssetDetails(asset['title'], asset['parentalRating']['rating'], poster_uri) #print assets[asset['id']] if poster_uri != "": print " ".join(('Title:', assets[asset['id']].title)) print " ".join(('Parental_Rating:', str(assets[asset['id']].parental_rating))) print " ".join(('Poster_uri:', assets[asset['id']].poster_uri))

最终<html lang="en"> <head> <title>My Webpage</title> </head> <body> {% for item in c['assets']: %} <h1>{{ items['title'] }}</h1> <ul> <img src="{{ item['poster_uri'] }}" /> <li>Id: {{ item['parentalRating'] }} </li> </ul> {% endfor %} 缺少echo "<table border='2px'><tr><td>cod</td><td>nmbre</td><td>drccn</td</tr>";

答案 1 :(得分:0)

如果您确定自己的mysql详细信息,那么脚本中的所有内容都是完美的。 请检查脚本中包含的js文件。

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

答案 2 :(得分:0)

我删除了jquery.js并在头部插入了另一个脚本。它对我有用。 我把它连接到localhost。核实。

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

<强>输出 enter image description here

答案 3 :(得分:-1)

试试这个

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