これは、JQuery で ajax 機能を使用する方法の出発点です。
編集 - 別の javascript ファイル
html ファイル:
<html>
<head><title> Ajax test page</title>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
<script type="text/javascript" src="ajaxfunctions.js"></script>
</head>
<body>
<div id="ajaxResult"></div>
</body>
</html>
「ajaxfunctions.js」という js ファイル:
$(document).ready(function() {
$("#ajaxResult").load("ajaxHello.php");
});
「ajaxHello.php」と呼ばれるphpファイル:
<?php
header("text/html");
echo "hello from php";
?>
データベースからデータを読み取るには、php コードを少し長くする必要があります。
<?php
header("text/html");
$username = "root";
$password = "";
$databaseName = "mydatabase";
$connect = mysql_connect("localhost",$username,$password);
if (!$connect) die("Connection Error");
$result = mysql_select_db("$databaseName");
if(!$result) die("Select DB Error");
$result = mysql_query("select email from users where firstname='Abbey'");
if (!$result) die('Invalid query: ' . mysql_error());
$row = mysql_fetch_assoc($result);
echo "Abbeys email address ".$row['email'];
?>
この例では、ユーザー データベースのユーザー テーブルから Abbey の電子メール アドレスを検索し、それを返します。データベース名、ユーザー名、およびパスワードはすべて、スクリプトの先頭に設定されています。
通常、ajax リクエストは html ページからいくつかのデータを渡します。これが役に立ったら、喜んでこのコードを追加します。
これはあなたが探しているもののようなものですか?