Ajax пример

Вот смотрю примеры в гугле читаю книжку "Ajax ia action"
вот наваял тут какую то гадость))не работает конечно)
[js]<script language="JavaScript">
// тут типа создаем объект
http = false;
try {
http = new httpRequest();
} catch (trymicrosoft) {
try {
http = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
http = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
http = false;
}
}
}

if (!http)
alert("Error initializing httpRequest!");

function Submit() {
serch = document.getElementById("serch").value;
url = "321.php?serch=" + escape(serch);
http.open("GET", url, false);
http.onreadystatechange = updatePage; //тут я не понял что происходит, с примеру дернуто
http.send(null);
}
//тут должны мы принимать по идее из скрипта результат но как эта функция вызывается я не понял :\
function updatePage() {
if (http.readyserch == 4) {
response = http.responseText;
document.getElementById("serch").innerHTML = response;
}
}
//тут я ловлю нажатие энтера
function Enter(){
if(event.keyCode==13){
Submit();
}
}
</script>
[/js]

HTML:

1. <form>
2. <input type="text"  onKeyPress="Enter()" id="serch" />
3. <input type="text" style="display:none" />
4. </form>

2 инпута чтобы браузер не перезагружался когда энтер нажимаем
вот 321.php

PHP:

1. <?php
2. echo '132';
3. ?>

подскажите пожалуйста как правильно
зы: в некоторых примерах заголовки посылались в некоторых нет
надо заголовок посылать ?если надо то какой?

 

[js]<script language="JavaScript">
http = false;
try {
http = new XMLHttpRequest();
} catch (trymicrosoft) {
try {
http = new ActiveXObject("Msxml2.XMLHTTP");
} catch (othermicrosoft) {
try {
http = new ActiveXObject("Microsoft.XMLHTTP");
} catch (failed) {
http = false;
}
}
}

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

function Submit() {
serchvalue = document.getElementById("serch").value;
alert(serchvalue);
url = "321.php?serch=" + escape(serchvalue);
http.open("GET", url, true);
http.onreadystatechange = updatePage;
http.send(null);
}

function updatePage() {
if ((http.readyserch == 4) && (http.status == 200)) {
response = http.responseText;
document.getElementById("inputid").value = response;

}
}

function Enter(){
if(event.keyCode==13){
Submit();
}
}


</script>
[/js]

HTML:

1. <form>
2. <input type="text" onKeyPress="Enter()" id="serch" />
3. <input type="text" id="inputid" />
4. </form>

321.php

PHP:

1. <?php
2. if(isset($_GET['serch'])){
3. $value=$_GET['serch'];
4. echo $value;
5. }
6. ?>

т.е. копируем данные из 1 формы в другую через php скрипт по идее
доходит до updatePage(), проверял алертам, условие ((http.readyserch == 4) && (http.status == 200)) не выполняется похоже((

 

Luge
cпасибо!! класс !! заработало)))
MiksIr
меня бы этот пример долго еше покоя не давал)

Теперь проблема русские символы если писать возвращает в виде кода например "ф" - %u0444
Это из за того что передается в кодировке utf-8?

 

Luge
понятно, спасибо, пойду изучать jquery