Как на нативном js получить ответ с сервера в виде массива или объекта?

Question

[Игорь]

search.oninput =function searchVal(){

  console.log(search.value);

  var ourServ;

var xhr = new XMLHttpRequest();
xhr.onreadystatechange= function(){
  if(xhr.readyState !=4) return;

   console.log( xhr.status + ': ' + xhr.statusText + 'respone:'+xhr.responseText);


  ourServ=JSON.parse(xhr.responseText);
console.log(ourServ+' our)');
};

xhr.open('GET', './php/sql.php?input='+search.value, true);

xhr.send();

};

ну и пхп что отдаёт.

foreach ($data as $key) {
    $temp = $key['city'];
    if ($key['state'] !== '') {
        if ($key['region'] !== '') {
            $temp .= ', '.$key['state'].', '.$key['region'];
        } else {
            $temp .= ', '.$key['state'];
        }
    }
    $response[] = $temp;
}

echo json_encode($response, JSON_UNESCAPED_UNICODE);

welovepavel.esy.es/t/input/index.html

В последнем инпуте где "город" написано,вводя туда название города мы ищем в БД по первым буквам совпадение и выводим в консоль.



естественно хотелось бы массивы получать чтобы удобней было с ними потом работать.



трабл в том что JSON отдаёт строку ,а как разделять область и город чтобы с другими городами не смешалось я не знаю(

Comments

[Виталий]

откуда берешь весь этот набор данных о городах, фиас?

[Виталий]

и да, чет я не увидел json ответа: ["Самарского отделения совхоза, , Башкортостан","Самара, , Самарская область","Самарское, , Ростовская область"]

[Игорь]

Виталий: в БД база городов,скрин же выше...

Answer 1

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

Вот тут не делай конкатенацию console.log(ourServ+' our)');
правильнее выводить два значения через запятую console.log(ourServ, 'our)');
а лучше пользуйся пошаговой отладкой

Вот: всё у тебя нормально вроде бы


Ответ сервера надо перестроить, чтобы отображать более сложные данные. Может быть так:

foreach ($data as $key) {
    $response[] = [
        'city' => $key['city'],
        'region' => $key['region'],
        'state' => $key['state'],
    ];
}

или так

foreach ($data as $key) {
    $city = $key['city'];
    $stateRegion =  $key['region'] . (''!==$key['region'] && ''!==$key['state'] ? ' ' : '') . $key['state'];
    $response[] = $city . ''!==$stateRegion ? ' ( ' . $stateRegion . ' )' : '';
}

Comments

[Игорь]

Вот тут не делай конкатенацию console.log(ourServ+' our)');
правильнее выводить два значения через запятую console.log(ourServ, 'our)');

////Почему так через " , " ?

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

Игорь Николаевич: потому что если их объединять через "+" то получится строка и ты не сможешь в панели отладки увидеть реальное содержимое переменной ourServ. Не удобно так.