Дело: список запросов пользователей с методом Ajax ПОЛУЧИТЬ

HTML - файл

 

<Тело>

<DIV ID = "d1"> </ DIV>

Кнопка <OnClick = "GetList () "> список пользователей </ кнопка>

<Идентификатор таблицы = "содержание" граница = "1px">

<THEAD>

<TD> UID </ TD>

<TD> uname </ TD>

<TD> upwd </ TD>

<TD> электронной почты </ TD>

<TD> телефон </ TD>

<TD> аватар </ TD>

<TD> user_name </ TD>

<TD> пол </ TD>

</ THEAD>

</ Table>

<Скрипт>

Функция GetList () {

// создать асинхронные объекты

вар XHR = новый XMLHttpRequest ();

// слушатели получают ответ

xhr.onreadystatechange = функция () {

если (xhr.readyState == 4 && xhr.status == 200) {

Результат переменная = xhr.responseText;

// получить данные ответа с помощью DOM результатов в DIV

вар обр = JSON.parse (результат);

console.log (обр);

для (вар я = 0; я <arr.length; я ++) {

content.innerHTML + = `

<TR>

<TD> $ {обр [я] .uid} </ TD>

<TD> $ {обр [я] .uname} </ TD>

<TD> $ {обр [я] .upwd} </ TD>

<TD> $ {обр [я] .EMAIL} </ TD>

<TD> $ {обр [я] .phone} </ TD>

<TD> $ {обр [я] .avatar} </ TD>

<TD> $ {обр [я] .user_name} </ TD>

<TD> $ {обр [я] .gender} </ TD>

</ TR>

`;};

};

 

};

// запрос создания открытого соединения

xhr.open ( "получить", "http://127.0.0.1:8080/ajax/userlist", правда);

// отправить запрос

xhr.send ();

};

</ Скрипт>