使用Laravel 4以HTML格式显示JSON数据

Question

Please help me with my problem in displaying JSON data into my view..

my script is:

 $('#supplierId').change(function(){
 $.get("{{ url('api/dropdown')}}", 
    { option: $(this).val() }, 
    function(data) {
      var firstnameID = $('#firstnameID');
      $.each(data, function(index, element) {   
          firstnameID.val(element.first_name);
     });
  });
});

and my JSON reply is:

{"id":7,"first_name":"John","last_name":"Doe"}

the thing is when i tried to:

alert(element.first_name);

it says UNDEFINED, but when I:

alert(element);

it gives me the value of the last name which is Doe.. my question is how can I then access the other values like the ID and the first name..

EDITED:

this is my route:

Route::get('api/dropdown', function(){
$input = Input::get('option');
$supllier = Supplier::find($input);
returnResponse::json($supllier->select(array('id','first_name','last_name'))
    ->find($input));
});

Please help me with this one, This is my first time using JSON so im a bit confuse on how this works.

Best Regards -Melvn

Answer 1

Why are you using each? This should work:

$('#supplierId').change(function(){
 $.get("{{ url('api/dropdown')}}", 
    { option: $(this).val() }, 
    function(data) {
      var firstnameID = $('#firstnameID');

          firstnameID.val(data.first_name);

  });
});