2017-03-07 1 views
0

私は別のチュートリアルの後に過去数時間を過ごしましたが、これまでに質問されたことはありますが、私にとってはこれがうまくいくとは思えません。AjaxとJavascriptを使用してボタンをクリックしてテーブルを作成するにはどうすればよいですか?

<!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; 
     } 
    } 
?> 

さて、私はWebページを開いて、ボタンをクリックしたときに、私はちょうどすべて表示するページにもたらしています次のように私は、単純なHTMLページを持っています私のPHPコードの。私はPHPを初めて使いましたが、Javascriptでいくつかの経験があります。私が見たことから、Ajaxを使用してボタンのクリックに反応するにはJavaScriptを使用する必要がありますが、その方法を理解できないようです。私は本当に助けていただきありがとうございます!

+0

あなたのブラウザにPHPが表示されている場合、phpが有効になっているサーバー上でコードを実行していない場合。 – nogad

+0

'<? php' - そこにスペースなしで試しましたか? –

+0

wampまたはxamppをインストールしましたか? – sukalogika

答えて

0

PHPがborwserにテキストとして表示されている場合、PHPはインストールされていません。 PHPの最も一般的なタグはhttp://www.wampserver.com/en/またはhttps://www.apachefriends.org/index.htmlです。 PHPはWindowsコンピュータにデフォルトでインストールまたは使用可能になりました。インストールされ実行されているものを入手したら、単に "localhost"に移動します。 XAMPPを使用して終了する場合は、appacheの横のstartをクリックしてください。または、それを理解できない場合は、C9.ioなどのオンラインIDEを使用してください。

あなたはhttps://www.youtube.com/watch?v=kkSG19gQamc

アップだけで頭混乱した場合、あなたがXAMPPを実行している間、あなたが実行しているスカイプを持つことができないこのチュートリアルに従うことができます。

+0

私はApacheで動作しているXAMPPを持っており、localhostを押すとApacheのページが表示されます。 '\ xampp \ htdocsディレクトリの下に自分のファイルがあります – JDT87

+0

そこにフォルダを作成して、その中にファイルを入れましたか?ファイルをダブルクリックすることはできません。あなたはlocalhost/[あなたのディレクトリ]/ – Neil

+0

に移動する必要があります。さらに、スペースはPHPを壊します。 <?phpを使用する – Neil

関連する問題