Как отправить сразу 2 значения в AJAX?

Question

[Uber Noob]

Сейчас всё работает так. Есть форма с которой приходит значение

<input oninput="checkLogin(this.value)" list="login" name="myLogin" /></label>

И есть функция которая возвращает результат:

function checkLogin(login) {
    var xmlhttp = getXmlHttp();
    
    xmlhttp.open('POST', 'script.php', true);
    
    xmlhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
    xmlhttp.send("login=" + encodeURIComponent(login));
    xmlhttp.onreadystatechange = function() {
      if (xmlhttp.readyState == 4) {
        if(xmlhttp.status == 200) {
            document.getElementById('result').innerHTML = xmlhttp.responseText;
        }
      }
    };
  }

Задача - сделать в форме 2 поля. Сначала юзер выбирает одно. Потом второе и при выборе второго поля что бы работал AJAX но только при условии что в первом есть значение.

Answer 1

[Денис]

var data = 'key1=' + encodeURIComponent(val1) +
           '&key2=' + encodeURIComponent(val2) +
           '&key3=' +  encodeURIComponent(val3);
xmlhttp.send( data );

Comments

[Uber Noob]

А в саму функцию где function checkLogin(login) как передать сразу 2 параметра? Выходит что пока второй не выбран, первый должен где-то хранится...

[Денис]

ubernoob я, мягко говоря, не любитель inline-установки обработчика события. Предпочитаю addEventListener или, на крайний случай, установка как свойство. В вашем случае, второе значение можно получать внутри функции.

function checkLogin(login) {
    if (login.trim() !== '') {
        // селектор на ваше усмотрение
        var password = qocument.querySelector('input[type=password]');
    }
    /*
    остальной код
    */
}

[Денис]

ubernoob очепятку сделал: заменить qocument > document