如何用getJSON正确返回和显示json数据？

Question

文件“zip.json”： { "zip11111": "城市 1", “zip99999”：“城市 2” }

javascript：

jQuery(document).ready(function() {
$("#textbox1zip").change(function() {
    $.getJSON('zip.json', function(data) {

    /* each of the following code blocks don't work when exchanged for each other:

    1 zipcode = "zip" + $("#textbox1zip").val();
    * $('#textbox2city').val( data.zipcode ); -----> call silently dropped

    2 zipcode = 'zip99999';
    * $('#textbox2city').val( data.zipcode ); -----> call silently dropped

    3 zipcode = "zip" + $("#textbox1zip").val();
    * alert( data.zipcode ); -----> returns 'undefined'
    */

    /* but each of these blocks here works:
    4 $('#textbox2city').val( data.zip99999 ); ------> ok

    5 alert( data.zip99999 ); -----> ok

    6 zipcode = 'zip99999';
    * $('#textbox2city').val( zipcode ); ------> ok

    7 zipcode = "zip" + $("#textbox1zip").val();
    * $('#textbox2city').val( zipcode ); ------> ok
    */
    });
});
});

我希望从 textbox1zip 中获取的值将适当的值从“zip.json”返回到 textbox2city。我想使用getJSON。大概很简单，但是我看不出来……

Answer 1

试试这个：

var zipcode = 'zip99999';   // or 'zip11111'
$('#textbox2city').val( data[zipcode] );

和

var zipcode = "zip" + $("#textbox1zip").val();
$('#textbox2city').val( data[zipcode] );

现在，这个alert( data.zipcode ); -----> returns 'undefined'

发生这种情况是因为 json 对象只有两个键 zip11111 和 zip99999。因此，data.zip11111 或 data.zip99999 有效，而 data.zipcode 无效，因为没有名称为 zipcode 的密钥。