javascript - 奇怪的 jquery ajax 怪癖，返回对象是正确的，属性未定义

Question

我在这个问题上花了好几个小时，在论坛和 SO 上阅读了很多，但无法弄清楚我做错了什么。

我的返回对象 data 已正确注销，但是当我尝试访问属性时，它总是未定义？？？？怎么会？

我尝试将 data = JSON.parse(JSON.stringify(data)) 作为一些 SO 帖子中的建议答案，但我的问题仍然存在。

欢迎所有帮助!

顺便提一句:

    <script>
        $(document).ready(function(){
                $("#btw").on('focusout',function () {
                    console.log("BTW validation check. (REST CALL)");

                    var btw = $(this).val();
                    var country_code = btw.substring(0,2);
                    var vat_number = btw.substring(2);

                    console.log("country_code: " + country_code);
                    console.log("vat_number: " + vat_number);

                    $.getJSON('http://vatid.eu/check/'+ country_code +'/'+vat_number, function(data) { 

                        console.log(data); // good object with valid set

                        console.log(data["valid"]); //undefined!
                        console.log(data.valid); //undefined!

                        /*
                        if(data.valid) {
                            $("#order_custom_10").value = true
                        }
                        else {
                            $("#order_custom_10").value = false
                        }
                        */
                    });
                });
        });
    </script>
</body>

Answer 1

请求返回的data 对象有一个包含您想要的数据的response 对象。所以使用 data.response.valid 得到你想要的。

这是来自 vatid.eu 的 JSON 对象结构:

{
  "response": {
      "country_code": "DK",
      "vat_number": "30505166",
      "valid": "true",
      "name": "JUSTABOUTIT ApS",
      "address": "Gammeltorv 8 2\n1457 København K\n"
    }
}