Форум

syan · #1 (**permalink**) 19.04.2014, 23:34

Добрый вечер,

подскажите пожалуйста, запоролся на самом простом при изучении ajax.
Есть массив с текстом, нужно данные из него вывести на страницу в нескольких строках используя ajax.

Соответственно, когда в php файле

foreach($original as $row => $key){
		echo "$row"; }

а в js файле

xmlResponse = xmlHttp.responseXML;
xmlElement = xmlResponse.documentElement;
message = xmlElement.firstChild.data;
var underInput = document.getElementById("underInput");
underInput.innerHTML = message;

то все выводится в одну строку.
А хочется в разные выводить.
Пытался писать так

foreach($original as $row => $key){
		echo "$row <br />"; }

или так

foreach($original as $row => $key){
		echo "$row \n"; }

но ничего не получается

jsnb · #2 (**permalink**) 20.04.2014, 04:36

Так а где сам запрос то? Что с сервера приходит? В какой элемент данные вставляются? А то ты какие-то странные куски кода привел.

syan · #3 (**permalink**) 20.04.2014, 14:28

Вот html файл

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTML xmlns="http://www.w3.org/1999/xhtml">
<HEAD>
	<script type = "text/javascript" src="simple.js"></script>
</head>
<BODY>
<INPUT type="text" id="searchword" value="EA641"/>
<INPUT type="button" id="button" value="Узнать цену" onclick="process()" />
<p id="underInput">...</p>
</body>
</html>

Вот js файл полностью

var xmlHttp = createXmlHttpRequest();

function createXmlHttpRequest() {
    var xmlHttp;
    try {
      if(window.ActiveXObject) // для IE
          xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      else // для остальных браузеров
          xmlHttp=new XMLHttpRequest();
    }
    catch(e) {
        xmlHttp=false;
        alert("Объект XMLHttpRequest не создан!");
    }
    return xmlHttp;
	}

function process () {
	if(xmlHttp.readyState==4 || xmlHttp.readyState==0) {
		wd = encodeURIComponent(document.getElementById("searchword").value);
		xmlHttp.open("GET", "store.php?searchword="+wd, true); 
		xmlHttp.onreadystatechange = handleResponse;
		xmlHttp.send(null);
	}else {
		setTimeout('process()',1000);
	}
}

function handleResponse() {
	if (xmlHttp.readyState==4) {
		if(xmlHttp.status==200) {
			xmlResponse = xmlHttp.responseXML;
			xmlElement = xmlResponse.documentElement;
			message = xmlElement.firstChild.data;
			var underInput = document.getElementById("underInput");
			underInput.innerHTML = message;
		} else {
		alert ("Something is wrong");
		}
	}
}

В php-файле происходит подключение к другому сайту и загрузка информации в массив, который я написал в первом сообщении. Мне нужно вывести этот массив на страницу на разных строках

jsnb · #4 (**permalink**) 20.04.2014, 15:19

Сообщение от syan

xmlResponse = xmlHttp.responseXML;

Так с сервера XML приходит? Content-Type правильный стоит? Если приходит не полноценный XML документ, то используйте responseText.

syan · #5 (**permalink**) 20.04.2014, 16:32

jsnb,
через текст получается, но хочется все-таки через xml.
Content-type стоит правильный, xml тоже полноценный, проблема в том, что я не могу его заставить опознать перевод строки. Если я ставлю <br>, то он его считает дополнительным узлом (насколько я понимаю), а "\n" не узнает вовсе. Может есть какой-нибудь другой символ перевода строки?

jsnb · #6 (**permalink**) 20.04.2014, 17:02

А нельзя просто в строке сделать разделитель и на стороне клиента уже вместо него <br> поставить?
Ну, что-то типо:

//получаем строку вида:
var str = 'val1|val2|val3|val4';
//заменяем | на <br>
str = str.split('|').join('<br>');
//вставляем куда надо:
el.innerHTML = str;

syan · #7 (**permalink**) 20.04.2014, 17:33

так наверно можно, ладно, спасибо.

Форум

Справочник

Discord чат

Курсы javascript