javascript - Ajax 结果给出未定义的值

Question

我有一个 ajax 结果，其格式如下:

{id: 2850, cap: "50129", citta: "Firenze", provincia: "Firenze", sigla: "FI", …}

这是我正在使用的js:

$(function() {
  $('#postal_code').keyup(function ()  {
    if($("#postal_code").val().length == 5) {
      $.ajax({
        type: "POST",
        url: '/addresses/getcitycrovince',
        async: false,
        dataType: 'json',
        data: {
          cap: $("#postal_code").val()
        },
        success:function(result){
          alert(result.sigla);
            $('#province').val(result.provincia);
            $('#city').val(result.citta);
          console.log(result)
        },
        error:function(){
        }
      });
    }
  });
});

我需要从结果中获取值，但我得到了未定义。我做错了什么？

编辑

这是 getcityprovince 函数:

public function getcitycrovince(Request $request) {
    $data = $request->all();
    $ret = App\CAP::where('cap', $data['cap'])->get();

    return json_encode($ret);
}

Answer 1

由于您获取的是 array 而不是 object，因此需要相应地更新代码

$(function() {
  $('#postal_code').keyup(function ()  {
    if($("#postal_code").val().length == 5) {
      $.ajax({
        type: "POST",
        url: '/addresses/getcitycrovince',
        dataType: 'json',
        data: {
          cap: $("#postal_code").val()
        },
        success:function(result){
            $('#province').val(result[0].provincia);
            $('#city').val(result[0].citta);
        },
        error:function(){
        }
      });
    }
  });
});