Ajax 数据仍未加载到数据存储中

Question

我在周末之前问了这个问题，尽管听了建议，但仍然卡住了。这次我将发布所有相关代码，希望有人能帮助我深入了解这一点。

重要提示：当我使用 store 的 data: [{ json data }] 参数将数据静态输入数据存储时，数据存储和模型完美运行。但是使用 ajax 代理失败（尽管我可以在 chrome 中看到 test.php 被调用并回显 json 数据（见下面的 test.php）。

这是我的商店：

new Ext.data.Store({
        model: "SearchResult",
        proxy: {
            type: "ajax",
            url : "test.php",
            extraParams : 'test',
            reader: {
                type: "json",
            }
        },

    }); 

当通过处理程序单击按钮时加载它。

这是在 test.php 中回显的内容：

<?php
echo "[{stock: 'Tommy', storePhone: '353535', year: '1984', make: 'Ferrari', trim: 'trim', miles: '12345', storename: 'branch name' }]";
?>

在此停留了一段时间，非常感谢您的帮助！

Answer 1

仅仅回显一个看起来像您的 json 的字符串是不够的...您应该使用 php 方法对其进行编码...对于您的示例，它将是

<?php
    $data = array(array('stock'=> 'Tommy', 'storePhone'=> 353535, 'year'=> '1984', 'make'=> 'Ferrari', 'trim'=> 'trim', 'miles'=> '12345', 'storename'=> 'branch name' ));
    echo json_encode($data);
?>

Answer 2

您需要提供“success: true”属性并将数据放入 JSON 响应中的根属性中。

然后您应该将 root 属性添加到阅读器的配置中。

{
    "success": true,
    "rows": [
        {
            "stock": "Tommy",
            "storePhone": "353535",
            "year": "1984",
            "make": "Ferrari",
            "trim": "trim",
            "miles": "12345",
            "storename": "branchname"
        }
    ]
}

您的商店：

new Ext.data.Store({
        model: "SearchResult",
        proxy: {
            type: "ajax",
            url : "test.php",
            extraParams : 'test',
            reader: {
                type: "json",
                root: 'rows'
            }
        },

    }); 

Answer 3

这解决了问题 store.proxy.url = 'loader.php?user=' + var_here; store.load();