Как изменять цвет текста в зависимости от результатов AJAX

176
14 марта 2017, 15:27

У меня есть стандартный AJAX (Без всяких JQuery). Функция, которая записывает полученный ответ в нужное мне поле выглядит так:

document.all("Message").innerHTML =  '<i>' + Response + '</i>';

Где Message нужное мне поле. Все работает верно за исключением того, что я не могу изменить цвет текста в зависимости от того, занят ли логин. Как это сделать? Пробовал в файле обработчике php просто сделать вот так:echo "<div style ='color: green'>Ник свободен</div>"; Но нет, он тогда просто выдает всегда Undefined. Не нравятся ему HTML теги в тегах <response></response>.

Answer 1

Передавай в Response так же цвет, в зависимости от результата запроса. В самом обработчике php просто сделай так:

*************************
//Обработка... запроса
*************************
$data["color"] = "green"; //red, blue yellow.. other else в зависимости от результата
$data["text"] = "message";
return или echo json_encode($data); //зависит как реализовано у тебя в скрипте

И далее в JS

document.getElementById("Message").style.color = Response.color;
document.getElementById("Message").innerHTML =  '<i>' + Response.text + '</i>';

Update:

if(xmlHttp.status==200) 
{ 
    var Response=JSON.parse(xmlHttp.responseXML); 
    document.getElementById("Message").innerHTML = '<i>' + Response.text + '</i>'; 
    document.getElementById("Message").style.color = Response.color; 
}
READ ALSO
AngularJS + Turbolinks

AngularJS + Turbolinks

Приветик

174
Ссылки на аудио в VK

Ссылки на аудио в VK

Есть страница со списком аудиозаписей в ВКонтактеНапример, вот её кусочек: К сожалению, ВК с середины декабря закрыл доступ к работе с аудио,...

281
Uncaught TypeError: Cannot read property &#39;contact_name&#39; of null

Uncaught TypeError: Cannot read property 'contact_name' of null

В зависимости от того, что вернет определенный метод в res, там может быть contact_name или нетЕсли нет, приходит ошибка "Cannot read property 'contact_name' of null"

192
получить в переменную по клику имя класса javascript

получить в переменную по клику имя класса javascript

Доброго времени! есть такой блок

254