HTML 表單

上面的例子包含了一個簡單的 HTML 表單，以及指向 JavaScript 的鏈接：

Select a User:

Peter Griffin

Lois Griffin

Glenn Quagmire

Joseph Swanson

User info will be listed here.

例子解釋 - HTML 表單

正如融金匯銀講到的，它僅僅是一個簡單的 HTML 表單，其中帶有名為 "users" 的下拉列表，這個列表包含了姓名，以及與數(shù)據(jù)庫的 "id" 對應的選項值。

表單下面的段落包含了名為 "txtHint" 的 div。這個 div 用作從 web 服務器檢索到的信息的占位符。

當用戶選擇數(shù)據(jù)時，執(zhí)行名為 "showUser()" 的函數(shù)。該函數(shù)的執(zhí)行由 "onchange" 事件觸發(fā)。

換句話說：每當用戶改變下拉列表中的值，就會調用 showUser() 函數(shù)。

JavaScript

這是存儲在 "selectuser.js" 文件中的 JavaScript 代碼：

var xmlHttp

function showUser(str)

{

xmlHttp=GetXmlHttpObject()

if (xmlHttp==null)

{

alert ("Browser does not support HTTP Request")

return

}

var url="getuser.php"

url=url+"?q="+str

url=url+"&sid="+Math.random()

xmlHttp.onreadystatechange=stateChanged

xmlHttp.open("GET",url,true)

xmlHttp.send(null)

}

function stateChanged()

{

if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete")

{

document.getElementById("txtHint").innerHTML=xmlHttp.responseText

}

}

function GetXmlHttpObject()

{

var xmlHttp=null;

try

{

// Firefox, Opera 8.0+, Safari

xmlHttp=new XMLHttpRequest();

}

catch (e)

{

//Internet Explorer

try

{

xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");

}

catch (e)

{

xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");

}

}

return xmlHttp;

}

例子解釋：

stateChanged() 和 GetXmlHttpObject 函數(shù)與 PHP AJAX 請求 那一節(jié)中的相同，您可以參閱其中的相關解釋。

showUser() 函數(shù)

假如下拉列表中的項目被選擇，函數(shù)執(zhí)行：

調用 GetXmlHttpObject 函數(shù)來創(chuàng)建 XMLHTTP 對象

定義發(fā)送到服務器的 URL(文件名)

向 URL 添加帶有下拉列表內容的參數(shù) (q)

添加一個隨機數(shù)，以防服務器使用緩存的文件

當觸發(fā)事件時調用 stateChanged

通過給定的 URL 打開 XMLHTTP 對象

向服務器發(fā)送 HTTP 請求

PHP 頁面

由 JavaScript 調用的服務器頁面，是名為 "getuser.php" 的簡單 PHP 文件。

該頁面用 PHP 編寫，并使用 MySQL 數(shù)據(jù)庫。

其中的代碼執(zhí)行針對數(shù)據(jù)庫的 SQL 查詢，并以 HTML 表格返回結果：

$q=$_GET["q"];

$con = mysql_connect('localhost', 'peter', 'abc123');

if bjrongjinhuiyin.com(!$con)

{

die('Could not connect: ' . mysql_error());

}

mysql_select_db("ajax_demo", $con);

$sql="SELECT * FROM user WHERE id = '".$q."'";

$result = mysql_query($sql);

echo "

FirstnameLastnameAgeHometownJob

while($row = mysql_fetch_array($result))

{

echo "

";

echo "

" . $row['FirstName'] . "";

echo "

" . $row['LastName'] . "";

echo "

" . $row['Age'] . "";

echo "

" . $row['Hometown'] . "";

echo "

" . $row['Job'] . "";

echo "

";

}

echo "

";

mysql_close($con);

?>

總結

以上是生活随笔為你收集整理的mysql php ajax_PHP 和 AJAX MySQL 数据库实例的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內容還不錯，歡迎將生活随笔推薦給好友。