Question

这是一个noob问题。

我的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"

由于我无法看到echo的结果，因此没有执行database_connection.php的第一行，这意味着脚本没有被调用。

我是否错误地使用了ajax功能？

Answer 1

您的AJAX请求包含：

dataType: "json"

这意味着如果服务器返回具有200 OK状态的无效JSON，则jQuery将触发错误函数

使用以下代码确保响应是JSON格式..（PHP vsersion）

header('Content-Type: application/json');

注意：空响应也被认为是无效的JSON;你可以返回{}或null，验证为JSON

Answer 2

你需要在php文件中添加标题，因为你的数据类型是ajax调用中的json。

{{1}}

Answer 3

您需要设置请求的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');            
        }

    });
};

PHP脚本没有从ajax函数调用

3 个答案: