JQuery、PHP、およびmySQLヘルプ。なぜこれが動作していないのか分かりません

-1

ここから間違いを覚えようとするルーキーコーダー。 :)JQuery、PHP、およびmySQLヘルプ。なぜこれが動作していないのか分かりません

私は3つのファイル（jquery.js、php.php、html.html）を持っています。

mySQLデータベース名trial1から情報を取得しようとしています。それはScore_Sheetと呼ばれるテーブルが1つしかありません。以下

以下のHtml.HTML

<!DOCTYPE html> 
<html> 
<head> 
<script type="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> 
<script src= "jquery.js" type = "text/javascript"></script> 
</head> 
<body> 
    <button id = "button"> Click to see value from SQL table</button> 
    <div id= "content"></div> 
</body> 
<html>

ためのコードで以下php.php

$link = mysqli_connect("localhost","root","","trial1"); 
$query = "SELECT * FROM Score_Sheet"; 
$show = mysqli_query($link, $query) or die ("Error"); 
echo "<table><tr><td>ID</td><td>UserID</td><td>Score</td></tr>"; 
    while ($row = mysqli_fetch_array($show)){ 
     echo "<tr><td>" . $row['ID'] . "</td><td>" . $row['UserID'] . "</td><td>" . $row['Score'] . "</td></tr>"; 
    } 
echo "</table>"; 
}

のコードはjquery.js

$(document).ready(function(){ 
    $("#button").click(function(){ 
     function show_all(){ 
      $.ajax({ 
       type = "POST", 
       url = "php.php", 
       success: function (data){ 
        $("#content").html(data); 
       } 
      }); 
     } 
     // show_all(); 
    }); 
});

出典

2017-11-01 khadkd

'// show_all（）;'なぜコメントアウトされていますか？あなたのブラウザのコンソールもチェックしましたか？エラーは全くチェックされていますか？ Webサーバーのアドレスを使用するか、 'file：///'として使用しますか？ –

@ Fred-ii- http：// localhost：8080/dashboard/trial1/html.html – khadkd

''はクローズマークアップタグに使用したものです。あなたはそれのスラッシュを忘れました。 '' –

。みんなありがとう。私はDevelopersツールを使用して、何が起きているのかを確認しなければなりませんでした。 Error was ReferenceError：$が定義されていません。その後、私はエラーを検出し、このInline Linkフォーラムを使用して修正しました。

出典

2017-11-01 19:51:51 khadkd

ためのコードであります

この

{ 
      type = "POST", 
      url = "php.php" 
      //... 
}

は、JSでobject literalsを定義する方法ではありません。これを試してみてください：

ところで

{ 
    type: "POST", 
    url: "php.php" 
    //... 
}

は、ブラウザのデバッグコンソールは任意のコーダの親友だけでなく、新人1である;）今日は良いことを学んだ

出典

2017-11-01 19:16:41

**ブラウザのデバッグコンソールが最適ですどんなコーダーの友人でも**どれくらい役立つヒントであるために太字にする必要があります！ :) – IncredibleHat

Selenium IDEに似ていますか？ – khadkd

Windowsの場合はF12、Macの場合はAlt + Cmd + Iのようになります:) 「Uncaught SyntaxError：問題のある行を指す無効な省略表現のプロパティ初期化子」というエラーメッセージが表示されます。 –

JQuery、PHP、およびmySQLヘルプ。なぜこれが動作していないのか分かりません

答えて

関連する問題