Как сбегать на сервер используя Ajax?

Question

[PashaShulga]

Вопрос очень простой и крайне тривиален, задаю его исключительно по причине того, что до этого фронт-энд трогал только палочкой. Есть форма, в формы есть выпадающие списки собственно нужно выбрав одни элемент списка побежать Эйджаксом на сервер, чтобы забрать с БД элементы другого выпадающего списка.

Comments

[Павел Волынцев]

Это вопрос или задание?

Answer 1

[Wol_fi]

ну если на чистом js, то примерно так:

document.getElementById('#selectId').change = function(){
    var elem = (typeof this.selectedIndex === "undefined" ? window.event.srcElement : this);
    var value = elem.value || elem.options[elem.selectedIndex].value;
    var request;
    if (window.XMLHttpRequest) {
        request = new window.XMLHttpRequest();
    } else {
        request = new ActiveXObject("MSXML2.XMLHTTP");
    }
    request.open('GET', '/path/to/backend', true);
    request.onreadystatechange = function() {
        if (this.readyState === 4 && this.status === 200) {
            var jsonString = this.responseText; //{"value":"title", "value2":"title2"}
            var data = JSON.parse(jsonString);
            var optionsString = '';
            for (var key in data) {
                optionsString+= '<option value="' + key + '">' + data[key] + '</option>';
            }
            document.getElementById('#targetSelectId').innerHTML = optionsString;
        }
    }
    request.send('selectValue=' + value);
}

Answer 2

[PashaShulga]

Uncaught TypeError: Cannot read property 'change' of null
здесь
.change = function(){