十年网站开发经验 + 多家企业客户 + 靠谱的建站团队
量身定制 + 运营维护+专业推广+无忧售后,网站问题一站解决
看一下前端文件的编码格式,是不是gb2312。如果是,就改前端html文件的编码格式为utf8,如果不是,再看看数据库保存的编码格式。总之,编码格式一致,就不会出现乱码。
成都创新互联是一家朝气蓬勃的网站建设公司。公司专注于为企业提供信息化建设解决方案。从事网站开发,网站制作,网站设计,网站模板,微信公众号开发,软件开发,小程序开发,十年建站对门帘等多个行业,拥有多年的网站运维经验。
function updatePage(targetObject){
if(xmlHttp.readyState == 4){
var response = xmlHttp.responseText;//把AJAX返回的值赋给response.如果你想使用这个变量,可以直接调用,也可以return到函数外调用.
document.getElementById(targetObject).innerHTML = response;//把response 的值插入html的DIV中,
}
}
上面是一个简单的获取php文件处理后的函数,请看response ,其实他就是你所需要的效果.
应该是 500 错误,你检查下你链接数据库的代码 拿出来单独执行下,应该是里面有错误
由 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" 占位符
你如果像ajax调取数据库的信息 那你需要在PHP中读取数据库让ajax去访问你得php然后获取到你的数据。
本篇将继续通过该实例讲解与数据库的交互方式。实例中用到的是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”事件并加载到当前页面。
源代码下载