Как выполнить условие в зависимости от текста полученный от сервера?

Question

[koblan]

Есть

<div id="error_display" style="display: none;color: #D2A63B;float: none;width: 100%;margin-bottom: 13px;"></div>

Пустой div, текста в этот div приходить с сервера, они могут быть разными, и как сделать так чтобы когда в этот div после определенный действий данные, текст, чтобы не отображалось то что пришло, а сразу менялось и отображалась другой текст.
Например приходить "неправильно".
Я пробовал так, но не получилось .

if(/неправильно/.test(error_display.innerHTML)){
    document.getElementById("error_display").innerHTML="Новый текст!";
}

Comments

[Сослан Хлоев]

Скорее всего не работает условие

[koblan]

hloe0xff, если задать текст, работает

[Сослан Хлоев]

Если с сервера приходит через Ajax, то использовать события для запроса и менять текст div'а. Если регулярные выражения не нужны, то лучше обойтись без них.

[Сослан Хлоев]

Например так

ajaxReq.onreadystatechange = function () {
  if (this.readyState === 4 && this.status === 200) {
    document.getElementById("error_display").innerHTML=this.statusText;
  }
};

[koblan]

hloe0xff, Спасибо, но оно наверное приходить не через ajax, в бэке не шарю, но оно обращается на другой сайт и то тот текст выданный сайтом отправляется на этот div

[Сослан Хлоев]

koblan, само обращение можно посмотреть в интрументах раработчика браузера, там должно быть понятно как происходит запрос. Он может и средствами JS происходить по таймеру например или по событию.

[koblan]

hloe0xff, Нет это не js скрипт, текст отправляется в формате json, python скрипт

[Сослан Хлоев]

koblan, python это скорее всего бэкэнд, а на фронте должен быть обработчик. Приложите скрин где видно запрос или ссылку на ресурс, если общедоступен.

[koblan]

hloe0xff, вот именно на бэке, и надо изменить полученный текст, вот скрин
первый results = ok, это когда данные правильны, второе error при этом появляется текст "неправильно", добавляется внутри div, как я могу силами js изменить этот текст?Код который прикреплял к вопросу не работает, буду благодарен за помошь

[Сослан Хлоев]

koblan, из этого мне мало чего понятно? Есть код или ссылка на него?

[koblan]

hloe0xff, на что?Сайт у меня на лакалке

[koblan]

hloe0xff, Если на код во фронде, там просто форма отправки, и там уже python код который передает текст на div

[Сослан Хлоев]

koblan, тут больше интересен способ взаимодействия python'а и div'а. По тем кускам кода которые вы прикрепили мало понятного, во всяком случае для меня. Приведите какие то расширенные данные, используемые техники. Чтобы стало ясно как работает ваш сайт.

[koblan]

hloe0xff, я не очень в бэки и python`е, но у меня задача не изменить или добавить код в бэке, а изменить полученный текст силами js, спасибо то отвечаете

[Сослан Хлоев]

koblan, я понимаю. Я и не предлагал что либо менять. Я пока хочу увидеть примерные участки кода где происходит обработка этих запросов (прием и передача), а уже потом что то конкретное сказать.

[Сослан Хлоев]

koblan, у js есть ajax и ws например. Если они используютс, то все просто. Я хочу понять используются ли они или нет.

Answer 1

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

Вопрос задан непонятно и качество русской речи чуть-чуть напрягает.

Использование ответа сервера с использованием jQuery

$.get('http://someserver/', function(response){
    if (/* что то там проверить в response */) {
        $('#error_display').html(response);
    } else {
        $('#error_display').empty();
    }
});

На ванильном JavaScript

var xhr = createXHR();
xhr.onreadystatechange = function(){
    if (xhr.readyState === 4) {
        var errorDiv = document.getElementById('error_display');
        var response = xhr.responseText;
        if (/* что то там проверить в response */) {
            errorDiv.innerHTML = response;
        } else {
            errorDiv.innerHTML = '';
        }
    }
};
xhr.open('GET', '/', false)
xhr.setRequestHeader('X-Requested-With', 'XMLHttpRequest');
xhr.send();

function createXHR() {
    var xhr;
    if (window.ActiveXObject) {
        try {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        } catch(e) {
            alert(e.message);
            xhr = null;
        }
    } else {
        xhr = new XMLHttpRequest();
    }
    return xhr;
}

Comments

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

koblan , мой ответ помог?