将数据从php文件返回到html

时间:2016-11-13 22:19:57

标签: javascript php jquery html ajax

我试图将php文件之间的数据传回HTML文件。我读过堆栈溢出,我应该使用AJAX或JQuery,但我不了解如何实现它(我对Web开发的主题非常新,所以如果这个问题很明显,我会道歉)。任何帮助将不胜感激。

这是我的HTML代码:

<!DOCTYPE html>
<html>

<head>
<style>
body {background-color: powderblue;}

#head_canvas {
    width: 50;
    height: 20;
    border: 1px solid black;
    margin: 0px auto;
    text-align: center;
}

</style>
</head>

<div style="margin:0 auto" align=center>

    <canvas id="head_canvas" width="1400" height="90">Your browser does not support the HTML5 canvas tag.</canvas>

    <form action="form_submit.php" method="post">
        <strong>Search: </strong><input type="text" name="search">

        <input type="submit" value="Submit" >
    </form>


</div>


<body>



<script>
// Create the initial Header Box 
var c = document.getElementById("head_canvas");
var ctx = c.getContext("2d");

var my_gradient=ctx.createLinearGradient(0,0,0,95);
my_gradient.addColorStop(0,"DarkOrchid");
my_gradient.addColorStop(1,"white");

ctx.font="30px Verdana";
ctx.fillStyle=my_gradient;
ctx.fillRect(0,0,1400,90);

ctx.textAlign = "center";
ctx.fillStyle = "#000"
ctx.fillText("Product Search", 700, 50);
</script>



</body>
</html>

这是我的PHP代码:

<html>

    <head>
        <title>Get Data</title>
    </head>

    <body>

        <?php

            $dbhost = 'localhost';
            $conn = mysql_connect($dbhost, 'username', 'password');
            if (!$conn) {
                die('Could not connect: ' . mysql_error());
            }
            else {
                echo "Successfully Connected To Database<br>";
            }

            /*
            INSERT INTO Members (MemberID, Pass, UserName) VALUES (1,'MyPas55w0rd','Johnny Bravo');
            */

            mysql_select_db("mydb",$conn);
            $sql="SELECT * FROM Members;";
            $result=mysql_query($sql);

            while($rows=mysql_fetch_array($result,MYSQL_ASSOC)){
                #echo $rows['MemberID'] . " , " . $rows['Pass'] . " , " . $rows['UserName'] . "<br>";
                echo array_values($rows)[1] . "<br>";
            }

            mysql_close();

        header('Location: index.html');
        exit;
        ?>

    </body>

</html>

1 个答案:

答案 0 :(得分:1)

我不确定您是否知道此网站,但无论如何我都会告诉您。 http://www.w3schools.com/php/default.asp提供了大量示例。

但是,您可能只需要将PHP代码中收集的所有信息复制到一个文件中,然后将其读入HTML代码中。类似的东西:

<?php
echo copy("source.txt","target.txt");
?>

我希望我提供的解决方案之一可以为您提供帮助。

UnderDog