如何使用Ajax和Javascript在按钮单击时创建表?

时间:2017-03-07 02:14:03

标签: javascript php jquery html ajax

我花了最后几个小时跟着不同的教程并查看以前问过的问题,但我似乎无法让这个为我工作。我有一个简单的HTML页面如下:

<!DOCTYPE html>
<html>
    <head>
        <link type="text/css" rel="stylesheet" href="style.css"/>
        <link type="text/css" rel="stylesheet" href="home.css"/>
        <script type="text/javascript" src="jquery-3.1.1.js"></script>
        <script src="javascript.js"></script>
        <title>Test Web Page</title>
    </head>

    <body>
        <div>
            <h2>Buttons that do stuff</h2>
            <form action="PHP.php" method="post">
                <input type="submit" value="Create Database">
            </form>
        </div>
    </body>
</html>

我的PHP文件是:

<? php
    $serverName = "localhost";

    //Create connection to server
    $connection = new mysqli($serverName, 'root', '');

    //Check connection to server
    if($connection->connect_error) {
        die("Connection failed: " . $connection->connect_error);
    }

    if(isset($_POST['submit'])){
        echo 'Hello World';
        createChapterDatabase();
    }

    function createChapterDatabase() {
       $sql = "CREATE TABLE Test_Table";
       executeQuery($sql);
    }


    function executeQuery(query) {
        if($connection->query($query) == TRUE) {
            echo "Database created successfully!";
        } else {
            echo "Connection failed: " + $connection->error;
        }
   }
?>

现在,当我打开网页并单击按钮时,我被带到一个只显示我所有PHP代码的页面。我是PHP新手,但有一些经验(有限)与Javascript。我想,从我所看到的,我需要使用Javascript来响应使用Ajax的按钮点击,但我似乎无法弄清楚如何这样做。我真的很感激任何帮助!

1 个答案:

答案 0 :(得分:0)

如果您的PHP在borwser中显示为文本,则表示您没有安装PHP。 php最常见的标签是http://www.wampserver.com/en/或enter image description here。 PHP现在默认安装或可用于Windows计算机上。在您安装并运行其中一个之后,只需导航到“localhost”即可。如果你最终使用XAMPP,只需点击appache旁边的start即可开始使用。或者,如果您无法弄清楚,请使用在线IDE,如C9.io。

如果您感到困惑,可以按照本教程https://www.apachefriends.org/index.html

简单地说,当你运行XAMPP时,你不能运行Skype。