使用 JQuery 显示 MySQL 数据库
Display MySQL database using JQuery
>有什么方法可以使用JQuery显示MySQL数据库吗?我想在一定时间范围内显示每个数据(例如 5 秒),然后自动更改为其他数据。
我有这些数据
ID Name Text
1 Iqbal Text from Iqbal
2 Yudi Text from Yudi
3 Zizan Text from Zizan
应该是这样的
Iqbal Text from Iqbal
5秒后,它将变为
Yudi Text from Yudi
等等。
我尝试过使用 JQuery,但我很难将它与已经在 PHP 代码中获取的数据一起使用。有什么方法可以从PHP调用获取的数据并将其显示在JQuery中吗?
这是php/MySql代码
<html>
<head></head>
<body>
<div class="boxed" style="height:200px; border:1px solid #CCCC99; background:#CCCC99; overflow-x:hidden; overflow-y:scroll;">
<?php
$con=mysqli_connect("localhost","","","");
// Check connection
if (mysqli_connect_errno())
{
echo "Failed to connect to MySQL: " . mysqli_connect_error();
}
$result = mysqli_query($con,"SELECT * FROM jos_news ORDER BY id DESC");
echo "<div id='news'>
<table border='0' height='175px' width='180px' cellpadding='5' cellspacing='0' style='border-radius:10px; border:1px solid #FFFFFF; background-color:#FFFFFF;' >";
while($row = mysqli_fetch_array($result)) {
echo "<tr> <td align='right'><b>". $row['Text'] ."</b></td> </tr>";
}
echo "</table></div>";
mysqli_close($con);
?>
</div>
</body>
</html>
这是jquery脚本
<script type="text/javascript" src="http://hna-consulting.com/hafizi-associates/templates/template_v5/jquery.js"></script>
<script type="text/javascript">
SliderInt=1;
SliderNext=1;
$("document").ready(function(){
$(".boxed #news").fadeIn(10000);
startSlider();
});
function startSlider(){
loop = setInterval (function(){
$(".boxed #news").fadeOut(300);
},3000)
}
</script>
Jquery 无法直接连接到数据库。但是,您可以创建一个 php 文件来获取结果,然后通过 AJAX 调用该页面。
正如其他人所指出的那样,jQuery无法访问数据库,从您发布的代码中,您似乎已经意识到了这一点,因为您使用php访问数据库并且仅使用jquery淡入淡出数据。
所以到目前为止你所做的是可以的,但你需要隐藏 php 回显的所有数据,让 jquery 解析数据,只在你需要的行中显示/淡入淡出。然后淡出最后显示的数据,淡入要显示的下一行。通过这种方式,您可以创建最新新闻的循环。
从您的查询来看,我假设您正在使用joomla,因此我提出了另一种解决方案,该解决方案效果很好,可以使您免于服务器端的麻烦。 创建一个包含最新新闻的文章(如果您使用 cck 如 k2 等,则为项目)或模块。如果是一篇文章,请将其分配给一个菜单项,该菜单项不是您的网站,而是已发布的(这是joomla的常用技术,可以创建漂亮的内容URL或只是像您一样访问数据)。如果它是一个模块,请将其添加到您想要的页面(它是执行jquery代码的页面),但为其分配一个类名,以便通过css隐藏此模块,即使用display:none
。
我所知,服务器端代码已经存在一些问题,即您不应该在对数据库的 joomla 查询中使用前缀,您应该使用 joomla 访问数据库等方式。
此外,通过这种方式,您可以管理cms中的内容,即仅显示最新新闻或特定类别的新闻等,而无需编写任何服务器端代码,也无需修改sql查询。
最后,您编写jquery代码,用于屏幕抓取/解析该文章或模块的内容,并将数据附加到您喜欢的任何div中,并具有所需的任何效果,即淡入,淡出等。
你不能直接使用 jquery 从 mysql 获取数据,它是服务器端代码 (php) 的工作,你可以通过 jquery 调用该 PHP 代码。
是的,可以像您解释的那样显示数据。你可以使用JQuery Cycle Plugin,它有这样的功能。
http://jquery.malsup.com/cycle/
查看示例和演示。您只需从MySQL数据库中放置这些数据,而不是图像。
- 将地理编码结果转换为php变量以发布到mysql数据库
- 从MySQL数据库中获取输入数据需要两次页面刷新
- 在php和mysql中选择选项.一旦选择了选项,就列出我的sql数据库数据
- 如何使用PHP将javascript变量添加到mysql数据库中
- 在javascript中跳过周六和周日,并向mysql数据库中添加不重复的条目
- 当select标记触发onChange事件时,从mysql数据库加载html表
- 如何使用mysql数据库在node.js中登录API
- 如何比较两个MySql数据库
- 使用node-js上传文件,并将表单信息存储在数据库(mysql)中
- 我应该如何使用node.js和导出来调用mysql数据库
- 输入框值将保存到 MySQL 数据库
- 实时接收来自服务器的消息(数据库-MySQL,前端-Angularjs)
- 如何在不刷新页面的情况下从数据库(mysql)加载更新的数据
- 显示数据库 MySQL 描述字段中的 125 个单词
- 如何将HTML表行拖放到另一个位置(在Jsp中)并将新位置(值)也保存在数据库(MySql)中
- 从数据库mysql中检索数据不起作用
- 将数据库mysql中的文件图像插入excel
- 谷歌地图v3->数据库/mysql->AJAX->LOOP->AJAX->环
- 如何使用javascript与数据库mysql创建数组
- 选择下拉值从数据库mysql中获取填充数据