看一下前端文件的編碼格式，是不是gb2312。如果是，就改前端html文件的編碼格式為utf8，如果不是，再看看數(shù)據(jù)庫保存的編碼格式?？傊幋a格式一致，就不會出現(xiàn)亂碼。
成都創(chuàng)新互聯(lián)是一家朝氣蓬勃的網站建設公司。公司專注于為企業(yè)提供信息化建設解決方案。從事網站開發(fā)，網站制作，網站設計，網站模板，微信公眾號開發(fā)，軟件開發(fā)，小程序開發(fā)，十年建站對門簾等多個行業(yè)，擁有多年的網站運維經驗。
function updatePage(targetObject){
if(xmlHttp.readyState == 4){
var response = xmlHttp.responseText;//把AJAX返回的值賦給response.如果你想使用這個變量,可以直接調用,也可以return到函數(shù)外調用.
document.getElementById(targetObject).innerHTML = response;//把response 的值插入html的DIV中,
}
}
上面是一個簡單的獲取php文件處理后的函數(shù),請看response ,其實他就是你所需要的效果.
應該是 500 錯誤，你檢查下你鏈接數(shù)據(jù)庫的代碼 拿出來單獨執(zhí)行下，應該是里面有錯誤
由 JavaScript 調用的服務器頁面，是名為 "getuser.php" 的簡單 PHP 文件。
該頁面用 PHP 編寫，并使用 MySQL 數(shù)據(jù)庫。
其中的代碼執(zhí)行針對數(shù)據(jù)庫的 SQL 查詢，并以 HTML 表格返回結果：
?php
$q=$_GET["q"];
$con = mysql_connect('localhost', 'peter', 'abc123');
if (!$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 "table border='1'
tr
thFirstname/th
thLastname/th
thAge/th
thHometown/th
thJob/th
/tr";
while($row = mysql_fetch_array($result))
{
echo "tr";
echo "td" . $row['FirstName'] . "/td";
echo "td" . $row['LastName'] . "/td";
echo "td" . $row['Age'] . "/td";
echo "td" . $row['Hometown'] . "/td";
echo "td" . $row['Job'] . "/td";
echo "/tr";
}
echo "/table";
mysql_close($con);
?
例子解釋：
當查詢從 JavaScript 被發(fā)送到這個 PHP 頁面，會發(fā)生：
PHP 打開到達 MySQL 服務器的連接
找到擁有指定姓名的 "user"
創(chuàng)建表格，插入數(shù)據(jù)，然后將其發(fā)送到 "txtHint" 占位符
你如果像ajax調取數(shù)據(jù)庫的信息 那你需要在PHP中讀取數(shù)據(jù)庫讓ajax去訪問你得php然后獲取到你的數(shù)據(jù)。
本篇將繼續(xù)通過該實例講解與數(shù)據(jù)庫的交互方式。實例中用到的是MySQL，也可以根據(jù)自己的需要替換為其他數(shù)據(jù)庫，其連接方式可以參考PHP相關手冊。
在下面源程序包中dbconnector.php
提供了與MySQL的連接函數(shù)。
復制代碼
代碼如下:
?php
//定義數(shù)據(jù)連接變量
define
("MYSQLHOST",
"localhost");
define
("MYSQLUSER",
"root");
define
("MYSQLPASS",
"root");
define
("MYSQLDB",
"test");
function
opendatabase(){
//連接數(shù)據(jù)庫所在服務器
$db
=
mysql_connect
(MYSQLHOST,MYSQLUSER,MYSQLPASS);
try
{
if
(!$db){
//若無法連接則提示錯誤
$exceptionstring
=
"Error
connection
to
database:
br
/";
$exceptionstring
.=
mysql_errno().":
".mysql_error();
throw
new
exception
($exceptionstring);
}
else{
//連接數(shù)據(jù)庫（test）
mysql_select_db
(MYSQLDB,$db);
}
return
$db;
}catch
(exception
$e){
echo
$e-getmessage();
die();
}
}
?
當鼠標放到某個日期上時會調用functions.js中的checkfortasks函數(shù)。同時checkfortasks會加載taskchecker.php程序，它會到MySQL中查詢該日期下所有的備忘錄信息，并將結果返回到頁面中。
復制代碼
代碼如下:
?php
//調用數(shù)據(jù)庫連接程序
require_once
("dbconnector.php");
//連接數(shù)據(jù)庫
$db
=
opendatabase();
//在MySQL查詢備忘錄
$querystr
=
"SELECT
description
FROM
task
WHERE
thedate='"
.
addslashes
($_GET['thedate'])
.
"'";
//執(zhí)行SQL
if
($datequery
=
mysql_query
($querystr)){
//判斷查詢是否有值
if
(mysql_num_rows
($datequery)
0){
?
div
style="width:
150px;
background:
#FFBC37;
border-style:
solid;
border-color:
#000000;
border-width:
1px;"
div
style="padding:
10px;"
?php
//顯示備忘錄信息
while
($datedata
=
mysql_fetch_array
($datequery)){
if
(!get_magic_quotes_gpc()){
echo
stripslashes
($datedata['description']);
}
else{
echo
$datedata['description'];
}
}
?
/div
/div
?php
}
}
else{
//數(shù)據(jù)庫查詢錯誤
echo
mysql_error();
}
//關閉數(shù)據(jù)庫
mysql_close
($db);
?
對于Ajax的使用和上一篇的原理是一樣的：1.
通過事件調用Ajax函數(shù)；2.
通過函數(shù)請求其他PHP程序，PHP程序中可以對數(shù)據(jù)庫之類的數(shù)據(jù)源進行讀、寫、改操作；3.
將處理結果加載到事件激發(fā)頁面。在下圖中鼠標放到26號時，Ajax會在MySQL中查詢到“Football
Match”事件并加載到當前頁面。
源代碼下載
重慶分公司
重慶分公司
