Insert json data into text input

Question

I have a function that adds a new patient to the database, gets the json data back and then adds the new patient to the select menu. That works fine. I need to add that data into the corresponding text inputs i.e., input#patient_id, input#patient_firstname, etc. which should occur in the .ajax complete, but nothing happens.

Would appreciate any help!!

Ajax

$('#newpatient').click(function() {
var patientadd = $('#patientaddform').serializeArray();
  $.ajax({
      url:      'adam.php',
      type:     "POST",
      data:     patientadd,
      dataType: 'json',
      success:  function(data){
                    var html = '';
                    var len  = data.length;
                    for (var i = 0; i< len; i++) {
                    html += '<option selected="selected" value="' + data[i].patient_id + '">' + data[i].patient_firstname + ' ' + data[i].patient_lastname + ' : ' + data[i].patient_dob + '</option>';
                    }
                    alert(html);
                    $('#patientselect').prepend(html);
                    $('#patientselect').selectmenu('refresh', true);
                }, 
      complete: function (data) {
                   for(var id in data) {        
                          $('input#' + id).val( data[id] );
                   }
                }     

  });

});

json data returned

[{"patient_id":"22","patient_firstname":"","patient_lastname":"","patient_dob":"0000-00-00"}]

the corresponding text input fields are input#patient_id, input#patient_firstname, etc, that is why I'm trying to add the 'input#' to the id in the ajax complete and then add that val to the text input.

techfoobar · Accepted Answer · 2012-09-23 15:51:51Z

1

The params for the complete call back are jqXHR and textStatus. Not data. See http://api.jquery.com/jQuery.ajax/ for the correct definition of complete(jqXHR, textStatus)

answered Sep 23, 2012 at 15:51

techfoobar

66.8k14 gold badges117 silver badges138 bronze badges

Sign up to request clarification or add additional context in comments.

2 Comments

Adam Over a year ago

Should I move the function to the ajax success?

Adam Over a year ago

I moved the function to success and used user28061 suggestion and it works perfectly, THANK YOU!!!

user28061 · Accepted Answer · 2012-09-23 16:18:36Z

0

Your json data is an array of objects, so you have to add take the first element of the array like this:

for(var id in data[0]) {        
  $('input#' + id).val( data[0][id] );
}

Or you have to adapt the server response.

Also consider @techfoobar's answer:

The params for the complete call back are jqXHR and textStatus. Not data. See http://api.jquery.com/jQuery.ajax/ for the correct definition of complete(jqXHR, textStatus)

edited Sep 23, 2012 at 16:18

answered Sep 23, 2012 at 15:51

user28061

3541 gold badge4 silver badges14 bronze badges

2 Comments

Adam Over a year ago

I see why this should work, but my text inputs are not showing the values. Any thoughts?

Adam Over a year ago

@ user28061 It works perfectly! I also had to move the function the the ajax success. Thank you, I really appreciate your help!!!

Collectives™ on Stack Overflow

Insert json data into text input

2 Answers 2

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related