class DarkRaha extends com { // разработка приложений
            String a="Главная" b="Контакты" c="О сайте"
};

введение
XMLHttpRequest
метод get
метод post
кодировка
xml
JQuery
ajax и innerHTML

Справочник по ajax

Метод post в ajax

Input text: ajax result:

Смысл примера аналогичен предыдущему примеру. Отличие в том, что здесь данные передаются на сервер методом post. Это удобнее, если данные имеют большой объем, так как длина строки адреса ограничена.

демонстрация метода post
<script language="javascript" type="text/javascript">
<!-- 
var ajax=null;

// без изменений
function getAjax(){
if (window.ActiveXObject) // для IE
   return new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest) 
   return new XMLHttpRequest();
else {
   alert("Browser does not support AJAX.");
   return null;
  }
}

function ajaxFunction(){
ajax=getAjax();
var param;
if (ajax != null) {   
   // метод POST, указываем просто имя файла
   ajax.open("POST","testpost.php",true);
   
   // если параметров несколько, то они разделяются &
   param="in="+document.getElementById('in').value;

   // добавляем стандартный заголовок http
   // посылаемый через ajax
   ajax.setRequestHeader("Content-type", 
         "application/x-www-form-urlencoded");
   
   // вроде эти могут тормозить      
   ajax.setRequestHeader("Content-length", param.length);
   ajax.setRequestHeader("Connection", "close"); 
   
   ajax.onreadystatechange = function(){      
   if(ajax.readyState==4 && ajax.status==200)  
         document.getElementById('out').value=ajax.responseText;  
   }

   // посылаем наши данные или пустую строку (param="")
   // главное не null
   ajax.send(param);  
}
}
-->
</script>

<form name="myform">
Input text: <input type="text" onkeyup="ajaxFunction();" name="in" id="in" />
ajax result: <input type="text" name="out" id="out" />
</form>
Серверный файл выглядит так
<?php
if (isset($_POST['in'])) 
  echo strtoupper($_POST['in']);
?>

Рейтинг@Mail.ru