2016-11-13 87 views
1

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

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

建议你多学习一些Ajax教程,以获得更好的理解它是什么,它是如何工作....重要的是,如何调试它。这不是教程或代码编写服务 – charlietfl

+0

在“echo”无意义之后做重定向 – charlietfl

回答

1

我不知道,如果你知道这个网站的或没有,但我给它无论如何。 http://www.w3schools.com/php/default.asp提供了很多例子。

但是,也许您只需要将您的PHP代码中收集的所有信息复制到您可以读入HTML代码的文件中。例如:

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

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

弱旅