AJAX, обновить поле INPUT

Question

Я впервые использую AJAX с PHP и mySQL.Я следовал некоторым примерам и учебным пособиям по использованию AJAX с полями INPUT.

У меня есть форма с 2 полями ввода.

• 1-е поле ввода: тип пользователя из 4 цифр
• 2-е поле ввода: 4 цифры ищутся в базе данных mySQL и выводятся в этом поле.

Большинство примеров основаны на выводе в div и span, в то время как меня интересуетвывод на мое 2-е поле INPUT.

Как это возможно?

Мой js-файл:

function showUser(str)
{
  if (str=="")
  {
    document.getElementById("txtHint").innerHTML="";
    return;
  }
  if (window.XMLHttpRequest)
  {
    // code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp=new XMLHttpRequest();
  }
  else
  {
    // code for IE6, IE5
    xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
  xmlhttp.onreadystatechange=function()
  {
    if (xmlhttp.readyState==4 && xmlhttp.status==200)
    {
      document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
    }
  }
  xmlhttp.open("GET","include/postalcode.php?q="+str,true);
  xmlhttp.send();
}

Answer 1

Вы написали:

document.getElementById("txtHint").innerHTML=xmlhttp.responseText;

Вместо innetHTML используйте значение:

document.getElementById("txtHint").value=xmlhttp.responseText;

Answer 2

Большинство примеров основаны на выводе в div и span, в то время как я заинтересован в выводе моего 2-го поля INPUT.

Вы должны быть в состоянии следовать примерам с двумя изменениями:

• используйте .value вместо .innerHTML для полей ввода
• найдите ваше второе поле ввода его ID

document.getElementById ( "secondFieldId") значение = xmlhttp.responseText;.