VPF::ajax, изменение 2х и более div'ов - Форум программистов

LEnnyt

Дата 7.7.2009, 17:51 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 1
Регистрация: 7.7.2009

Репутация: нет
Всего: нет

Вот пример кода, как я обычно через ajax изменял один div. Большего мне не требовалось. Сейчас же надо, чтобы нажатие кнопки изменяло 2 и более div'ов.
Подскажите, как? Без использования jquery и подобных библиотек.
Спасибо.

test.php

Код

 
var request;
var dest;
function processStateChange(){
if (request.readyState < 4) document.getElementById(dest).innerHTML = "Загрузка...";
if (request.readyState == 4){
contentDiv = document.getElementById(dest);
if (request.status == 200){



response = request.responseText;
contentDiv.innerHTML = response;




} else {
contentDiv.innerHTML = "Error: Status "+request.status;
}

}
}


function test1( destination  ){
dest = destination;
URL = "test_print.php";
arg = "act=" + dest;
if (window.XMLHttpRequest){
request = new XMLHttpRequest();
request.onreadystatechange = processStateChange;
request.open("POST", URL, true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.send(arg);
} else if (window.ActiveXObject) {
request = new ActiveXObject("Microsoft.XMLHTTP");
if (request) {
request.onreadystatechange = processStateChange;
request.open("POST", URL, true);
request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
request.send(arg);
}
}
}


<div id="t1"> 1 </div>  

 <div id="t2"> 2 </div>   
<input type="button" onclick="test1('t1')" value="go">

test_print.php

Код

<?print "1111"?>

Veve

Дата 7.7.2009, 21:46 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 291
Регистрация: 1.1.2005
Где: Латвия, Рига

Репутация: 1
Всего: 13

Ну а в чём проблема? Какая разница сколько?

У тебя есть responseText

Код


response = request.responseText;

получаешь свои дивы

Код



document.getElementById('div1').innerHTML=response;
document.getElementById('div2').innerHTML=response;
....
document.getElementById('divN').innerHTML=response;

Если responseText должын быть разный для каждого дива. Ну тогда можно разделить его с помощью разделителя к примеру "|||||"

0 Пользователей читают эту тему (0 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Общие вопросы \| Следующая тема »