VPF::AJAX, построение дерева - Форум программистов

Самозванка

Дата 13.8.2007, 15:48 (ссылка)

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

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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

Пытаюсь разобраться с AJAX, сделала пробный пример:

Код


 <html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="44%"><ul>
  <li id="s1"><a href="onClick=getCustomerInfo();"> sfdf </a> </li>
  <li id="s2">dsf</li>
  <li id="s3">sdf</li>
  <li id="s4">sdfs</li>
</ul></td>
    <td id="t1" width="56%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

Код AJAX

Код



 <script language="javascript" type="text/javascript">
   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }  
     }
   }

   if (!request)
     alert("Error initializing XMLHttpRequest!");

   function getCustomerInfo() {
     var phone = document.getElementById("s1").value;
     var url = "proba.php?s1=" + escape(s1);
     request.open("GET", url, true);
     request.onreadystatechange = updatePage;
     request.send(null);
   }
   function updatePage() {
     if (request.readyState == 4) {
       if (request.status == 200) {
         document.getElementById("t1").innerHTML = 5;
       } else
         alert("status is " + request.status);
     }
   }
</script>

Что я делаю не так? Направьте в нужном направлении... Хочу чтоб при нажатии ссылки, в правой части таблицы появлялась число5, без перезагрузки страницы....

--------------------

Неуёмная жажда жизни!

smile

vasac

Дата 13.8.2007, 20:00 (ссылка)

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

Загрузка ...

Эксперт

Профиль
Группа: Завсегдатай
Сообщений: 1060
Регистрация: 4.5.2006

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

Код


<a href="#" onClick="getCustomerInfo();"> sfdf </a>

--------------------

Блог ГО | Таблица символов юникода

Самозванка

Дата 14.8.2007, 11:55 (ссылка)

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

Загрузка ...

Девушка в стиле IT

Профиль
Группа: Завсегдатай
Сообщений: 484
Регистрация: 5.9.2006
Где: USA

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

Спасибо, всё заработало, терь проблема в другом. Я хочу чтобы по разным ссылкам открывалась разная инфа справа.

Делаю так.
HTML

Код


<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
</head>
<body>
<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="44%"><ul>
  <li id="s1"><a href="javascript: onclick=showU(this.id);"> sfdf </a> </li>
  <li id="s2"><a href="javascript: onclick=showU(this.id) ;"> dsf </a> </li>
  <li id="s3"><a href="javascript: onclick=showU(this.id);">rrr</a> </li>
  <li id="s4"><a href="javascript: onclick=showU(this.id);">eee</a> </li>
</ul></td>
    <td id="t1" width="56%">&nbsp;</td>
  </tr>
</table>
</body>
</html>

AJAX

Код


function showU(str)
{ 
var url="proba.php";
url=url+"?q="+str;
request.onreadystatechange=stateChanged; 
request.open("GET",url,true);
request.send(null);
}

   var request = false;
   try {
     request = new XMLHttpRequest();
   } catch (trymicrosoft) {
     try {
       request = new ActiveXObject("Msxml2.XMLHTTP");
     } catch (othermicrosoft) {
       try {
         request = new ActiveXObject("Microsoft.XMLHTTP");
       } catch (failed) {
         request = false;
       }  
     }
   }

   if (!request)
     alert("Error initializing XMLHttpRequest!");
     
function stateChanged() 
{ 
if (request.readyState==4 || request.readyState=="complete")
 { 
 document.getElementById("t1").innerHTML=request.responseText;
 } 
}

PHP

Код


$q=$_GET["q"];
if ($q=="s1") echo "dfddfdfdf";
if ($q=="s2") echo "dfddfdfdffgdgf";
if ($q=="s3") echo "dfddfdfdffgfdgdgd";
if ($q=="s4") echo "dfddfdfdfdgdgfdgffdgfg";

Не понимаю что ни так, почему то пустой лист и ничего не происходит. Когда я удаляю код пхп, то происходит следующее:
при нажатии на ссылку появлется справа опять такой же список ссылок.

Как вообще работает responseText?

Это сообщение отредактировал(а) Самозванка - 14.8.2007, 12:39

--------------------

Неуёмная жажда жизни!

smile

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