13518219792
ajax主要是用来实现异步操作的，ajax会向一个可以操作数据库的脚本语言（例如php）文件发出请求，同时传递参数和数据，在php文件中，通过插入数据库的代码，实现添加数据，然后返回成功的标志，ajax就根据这个标志来判断是否成功。
创新互联公司主营金乡网站建设的网络公司,主营网站建设方案,App定制开发,金乡h5微信小程序定制开发搭建,金乡网站营销推广欢迎金乡等地区企业咨询
看一下前端文件的编码格式，是不是gb2312。如果是，就改前端html文件的编码格式为utf8，如果不是，再看看数据库保存的编码格式。总之，编码格式一致，就不会出现乱码。
由 JavaScript 调用的服务器页面，是名为 "getuser.php" 的简单 PHP 文件。
该页面用 PHP 编写，并使用 MySQL 数据库。
其中的代码执行针对数据库的 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 被发送到这个 PHP 页面，会发生：
PHP 打开到达 MySQL 服务器的连接
找到拥有指定姓名的 "user"
创建表格，插入数据，然后将其发送到 "txtHint" 占位符
function updatePage(targetObject){
if(xmlHttp.readyState == 4){
var response = xmlHttp.responseText;//把AJAX返回的值赋给response.如果你想使用这个变量,可以直接调用,也可以return到函数外调用.
document.getElementById(targetObject).innerHTML = response;//把response 的值插入html的DIV中,
}
}
上面是一个简单的获取php文件处理后的函数,请看response ,其实他就是你所需要的效果.
本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是MySQL，也可以根据自己的需要替换为其他数据库，其连接方式可以参考PHP相关手册。
在下面源程序包中dbconnector.php
提供了与MySQL的连接函数。
复制代码
代码如下:
?php
//定义数据连接变量
define
("MYSQLHOST",
"localhost");
define
("MYSQLUSER",
"root");
define
("MYSQLPASS",
"root");
define
("MYSQLDB",
"test");
function
opendatabase(){
//连接数据库所在服务器
$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{
//连接数据库（test）
mysql_select_db
(MYSQLDB,$db);
}
return
$db;
}catch
(exception
$e){
echo
$e-getmessage();
die();
}
}
?
当鼠标放到某个日期上时会调用functions.js中的checkfortasks函数。同时checkfortasks会加载taskchecker.php程序，它会到MySQL中查询该日期下所有的备忘录信息，并将结果返回到页面中。
复制代码
代码如下:
?php
//调用数据库连接程序
require_once
("dbconnector.php");
//连接数据库
$db
=
opendatabase();
//在MySQL查询备忘录
$querystr
=
"SELECT
description
FROM
task
WHERE
thedate='"
.
addslashes
($_GET['thedate'])
.
"'";
//执行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{
//数据库查询错误
echo
mysql_error();
}
//关闭数据库
mysql_close
($db);
?
对于Ajax的使用和上一篇的原理是一样的：1.
通过事件调用Ajax函数；2.
通过函数请求其他PHP程序，PHP程序中可以对数据库之类的数据源进行读、写、改操作；3.
将处理结果加载到事件激发页面。在下图中鼠标放到26号时，Ajax会在MySQL中查询到“Football
Match”事件并加载到当前页面。
源代码下载
