Javascript 使用AJAX实时从数据库获取数据
我试图从数据库中实时获取数据,但遇到了一个问题,java脚本没有运行,我已经尝试了多次,并在stackoverflow中搜索特定类型代码的答案,但失败了 一个简单的fetch.phpJavascript 使用AJAX实时从数据库获取数据,javascript,Javascript,我试图从数据库中实时获取数据,但遇到了一个问题,java脚本没有运行,我已经尝试了多次,并在stackoverflow中搜索特定类型代码的答案,但失败了 一个简单的fetch.php <?php include_once('db.php'); $sql = "SELECT * FROM people"; $res = mysql_query($sql); $result = array(); while( $row
<?php
include_once('db.php');
$sql = "SELECT * FROM people";
$res = mysql_query($sql);
$result = array();
while( $row = mysql_fetch_array($res) )
array_push($result, array('name' => $row[0],
'age' => $row[1],
'company' => $row[2]));
echo json_encode(array("result" => $result));
?>
还有my_script.js
$(document).ready( function () {
done();
});
function done() {
setTimeout( function() {
updates();
done();
}, 200);
}
funtion updates() {
$.getJSON("fetch.php", function(data) {
$("ul").empty();
$.each(data.result, function() {
$("ul").append("<li>Name: "+this['name']+"</li><li>Age: "+this['age']+"</li><li>Company: "+this['company']+"</li><br />");
});
});
}
$(文档).ready(函数(){
完成();
});
函数完成(){
setTimeout(函数(){
更新();
完成();
}, 200);
}
功能更新(){
$.getJSON(“fetch.php”,函数(数据){
$(“ul”).empty();
$.each(data.result,function(){
附加(“名称:“+this['Name']+” 年龄:“+this['Age']+”公司:“+this['Company']+””;
});
});
}
从数据库接收到的数据根本不显示,只有当数据被刷新,并且来自数据库的数据即使在脚本中使用后也没有进入正确的表格式时,我已经建立了适当的数据库连接,但我在这里没有提到它,因为它非常简单,因为我正在接收数据,但不是以适当的格式,也不是实时的
谢谢。我更喜欢使用纯ajax。另外,请不要使用计时器,搜索ajax同步器。无论如何,如果这不起作用,您需要发布数据库结构 fetch.php
<?php
include_once('db.php');
$sql = "SELECT * FROM people";
$res = mysql_query($sql);
$result = array();
$rs = mysql_query("SELECT * FROM people");
while($obj = mysql_fetch_object($rs)) {
$result[] = $obj;
}
echo $_GET['callback'] . '{"result":'.json_encode($result).'}';
?>
JS
$.ajax({
url: 'fetch.php',
type: 'GET',
dataType: 'json',
success: function(data) {
for (var x = 0; x < data.result.length; x++) {
$("ul").append("<li>Name: "+ data.result.name[x] +"</li><li>Age: "+ data.result.age[x] +"</li><li>Company: "+ data.result.company[x] +"</li><br />");
}
},
error: function () { alert('error'); },
});
$.ajax({
url:'fetch.php',
键入:“GET”,
数据类型:“json”,
成功:功能(数据){
对于(var x=0;x名称:“+data.result.Name[x]+”年龄:“+data.result.Age[x]+” 公司:“+data.result.Company[x]+”
);
}
},
错误:函数(){alert('error');},
});
控制台中有错误吗?函数更新(){
missingc
infunction
每隔200ms进行一次ajax调用不是一个好主意……而且最好在第一次请求完成后再调用done
。你敢说你的代码中没有输入错误。你能像在页面中那样发布代码吗?因为你在这里发布的代码不起作用