Javascript 将数据从php文件返回到html_Javascript_Php_Jquery_Html_Ajax

Javascript 将数据从php文件返回到html

javascript php jquery html ajax

Javascript 将数据从php文件返回到html,javascript,php,jquery,html,ajax,Javascript,Php,Jquery,Html,Ajax,我试图将php文件之间的数据传递回HTML文件。我在stack overflow上读到，我应该使用AJAX或JQuery，但我不知道如何实现它（我对web开发这个主题非常陌生，所以如果这个问题很明显，我很抱歉）。任何帮助都将不胜感激这是我的HTML代码： <!DOCTYPE html> <html> <head> <style> body {background-color: powderblue;} #head_canvas { w

我试图将php文件之间的数据传递回HTML文件。我在stack overflow上读到，我应该使用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>


正文{背景色：粉蓝；}
#头巾{
宽度：50；
身高：20；
边框：1px纯黑；
保证金：0px自动；
文本对齐：居中；
}
您的浏览器不支持HTML5画布标记。
搜索：
//创建初始标题框
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，“白色”）；
ctx.font=“30px Verdana”；
ctx.fillStyle=我的梯度；
ctx.fillRect（0,01400,90）；
ctx.textAlign=“中心”；
ctx.fillStyle=“#000”
ctx.fillText（“产品搜索”，700,50）；

这是我的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>


获取数据

我不确定你是否知道这个网站，但我还是会给你的。提供了很多例子

但是，您可能只需要将PHP代码中收集的所有信息复制到一个文件中，然后将其读入HTML代码。比如：

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

我希望我提供的解决方案之一能帮助您

失败者

建议您学习一些ajax教程，以便更好地了解它是什么以及它是如何工作的……更重要的是，如何调试它。这不是教程或代码编写服务，在

echo

之后执行重定向也没有意义