jQueryを初めて使用していて、練習しています。jQueryを使用してクエリ結果を選択して表示
<html>
<head>
<title> Testing jQuery
</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script src="script.js" type="text/javascript"></script>
<link href="mycss.css" rel="stylesheet" type="text/css">
</head>
<body>
<h2 id="myH"> This is a title.</h2>
<br>
<br>
<fieldset>
<legend>Data</legend>
<form name="myForm">
<input type="text" id="firstData" placeholder="Write something in here" \>
<br>
<br>
<input type="text" id="secondData" placeholder="Write something else in here" \>
<br>
</form>
<button id="formButton" value="Confirm">Confirm</button>
</fieldset>
<br><br><br>
<div id="myDiv"></div>
</body>
</html>
このPHPスクリプト:
<?php
/* Connection to DB*/
.... CONNECTIONS STUFF.........
$query = " SELECT * FROM table1;";
$results = mysql_query($query);
echo " <table border=\"2\"><tr> <th>ID</th><th>First</th><th>Second</th></tr>";
while($row = mysql_fetch_array($results)) {
?>
<tr>
<td>
<?php echo $row['ID']?>
</td>
<td>
<?php echo $row[ 'First']?>
</td>
<td>
<?php echo $row[ 'Second']?>
</td>
</tr>
<?php
} echo "</table>"; ?>
そして最後に、このコードをJS:
[OK]を、今私はすべてのコードを挿入したことを、私は、このHTMLの簡単なページをしました問題は、myData.phpスクリプトを使用してデータベースに要素を追加することができますが、上部に要素を追加し、下部にある確認ボタンをクリックすると、クエリを使用してページを作成したいと考えています)すべてconteテーブルのntsが表示されます。だから私は要素を追加することができますが、私はそれらを表示することはできません。私はjQueryを初めて使っていて、それを機能させようとしていますが、私はWeb上で別の研究をしましたが、私の問題を解決するものは何も見つかりませんでした。誰かが私を助けてくれますか?ありがとう!
ありがとう男!それは完璧に動作するので、2つの異なるAjaxリクエストの間に矛盾がありましたか? –
ええ、2回のAjaxリクエストでは、非同期falseにする必要があります。だから、2番目のAjaxは最初の終了後に解雇されます。 –
パーフェクト!ありがとう:) –