这是一个新手问题。
我的javascript函数(我定义的knockout.js模型的一部分):
self.loadData = function(){
alert("loadData got called");
$.ajax({
url: 'database_connection.php',
dataType: 'json',
success: function(data){ //json string of records returned from server
alert('success from server call');
},
error: function(){
alert('error from server call');
}
});
};
database_connection.php目录:
<?php
echo "this is called";
$db = new MySqli('localhost', 'username', 'password', 'database');
$activities = $db->query("SELECT * FROM MainActivity");
$activities_r = array();
while($row = $activities->fetch_array()){
$val = $row['mActivityID'];
$act = $row['Name'];
$activities_r[] = array('val'=>$val, 'act' => $act);
}
echo json_encode($activities_r);
?>
php是正确的,因为如果我直接通过浏览器访问这个文件,它会正确显示数据库表的结果。
然而,当通过loadData
函数执行时,我得到两个警报:1. "loadData is called"
2. "error from server call"
database_connection.php的第一行没有被执行,因为我看不到echo
的结果,所以这意味着脚本没有被调用。
我是否错误地使用了ajax
函数?
您的AJAX请求包含:
dataType: "json"
这意味着如果服务器返回带有200 OK状态的无效JSON,那么jQuery将触发错误函数
使用以下代码确保响应是JSON格式。(PHP vsersion)
header('Content-Type: application/json');
注意:空响应也被认为是无效的JSON;你可以返回{}或null来验证JSON
您需要在PHP文件中添加标题,因为您的数据类型是ajax调用中的json。
header('Content-Type: application/json');
echo json_encode($activities_r);
您需要设置请求的type
,并可能删除dataType
。同样在success
回调中,它是一个额外的括号。检查一下:
self.loadData = function(){
alert("loadData got called");
$.ajax({
url: 'database_connection.php',
type : 'GET',
// dataType: 'json',
sucess: function(data){ //json string of records returned from server
alert('success from server call');
},
error: function(){
alert('error from server call');
}
});
};