Jquery - 未捕获的类型错误：无法使用“in”运算符来搜索“324”

IT技术 php javascript jquery ajax yii
2021-03-07 18:57:20

我正在尝试通过 ajax 发送一个 Get 请求并输出由服务器在 html 中返回的 json 数据。

但是，我收到了这个错误。

Uncaught TypeError: Cannot use 'in' operator to search for '324' in 
[{"id":50,"name":"SEO"},{"id":22,"name":"LPO",}]

这是我通过ajax向php文件发送Get请求的代码。当我使用 $.each 方法时，它得到了我在上面显示的错误。

parentCat.on('change', function(e){
    parentCatId = $(this).val();

    $.get(
        'index.php?r=admin/post/ajax',
        {"parentCatId":parentCatId},
        function(data){                     
            $.each(data, function(key, value){
                console.log(key + ":" + value)
            })
        }
    )

})

这是我的 PHP 代码，它以 json 格式返回查询结果。

public function actionAjax(){

    $parentCatId=$_GET['parentCatId'];

        $catData = Category::getTargetCategoryData($parentCatId);

        echo CJSON::encode($catData);
        Yii::app()->end();

}

这个php输出的json数据是这样的。

[{"id":50,"name":"SEO"},{"id":22,"name":"LPO",}]

有谁知道如何解决这个问题？

请帮帮我。提前致谢 ：）

6个回答

您有一个 JSON 字符串，而不是一个对象。告诉 jQuery 您希望得到 JSON 响应，它会为您解析它。要么使用$.getJSON而不是$.get，要么将 dataType 参数传递给$.get：

$.get(
    'index.php?r=admin/post/ajax',
    {"parentCatId":parentCatId},
    function(data){                     
        $.each(data, function(key, value){
            console.log(key + ":" + value)
        })
    },
    'json'
);
对于从 Google 来到这里寻找 $.post 问题的任何人，将相同的第三个参数添加到 $.post 也有效
2021-04-18 18:57:20

您还可以使用$.parseJSON(data)它将来自 PHP 脚本的字符串显式转换为真正的 JSON 数组。

如果您正在获取 JSON，请使用$.getJSON()以便它自动将 JSON 转换为 JS 对象。

我通过添加 json dataType 修复了类似的错误，如下所示：

$.ajax({
    type: "POST",
    url: "someUrl",
    dataType: "json",
    data: {
        varname1 : "varvalue1",
        varname2 : "varvalue2"
    },
    success: function (data) {
        $.each(data, function (varname, varvalue){
            ...
        });  
    }
});

在我的控制器中，我必须在任何字符串周围使用双引号（注意：它们必须在 java 中转义）：

@RequestMapping(value = "/someUrl", method=RequestMethod.POST)
@ResponseBody
public String getJsonData(@RequestBody String parameters) {
    // parameters = varname1=varvalue1&varname2=varvalue2
    String exampleData = "{\"somename1\":\"somevalue1\",\"somename2\":\"somevalue2\"}";
    return exampleData;
}

因此，如果您的数字被用作字符串（并删除最后一个逗号），您可以尝试在数字周围使用双引号：

[{"id":"50","name":"SEO"},{"id":"22","name":"LPO"}]

使用 getJSON

$.getJSON(
'index.php?r=admin/post/ajax',
{"parentCatId":parentCatId},
function(data){                     
    $.each(data, function(key, value){
        console.log(key + ":" + value)
    })
});

详细看这里http://api.jquery.com/jQuery.getJSON/

其它你可能感兴趣的问题
上一篇Vuejs typescript this.$refs.<refField>.value 不存在 下一篇是否提升了 ES6 module导入？