Skocz do zawartości

[Ajax] Metoda POST


Perykles

Polecane posty

Witam,

Napisałem skrypt przesyłający dane do serwera metodą post tak, że wpisując tekst w polu input, wyświetla się on w polu output. Problem w tym, że nie działa. W firebugu wyskakuje błąd ,że funkcja sendRequest() jest niezdefiniowana. Co jest tutaj źle?

 

<!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" xml:lang="pl" lang="pl">
<head>
<title>Ajax + PHP</title>
<script type="text/javascript">
<!--
   var xHRObject;
   if (window.XMLHttpRequest)
   {
           xHRObject = new XMLHttpRequest();
   } else if (window.ActiveXObject)
  {
           xHRObject = new ActiveXObject("Microsoft.XMLHTTP");
  }
  else
  {
           alert("Change your browser...");
           return false;
  }
   function sendRequest()
   {
        var Input = document.getElementById('input');
        xHRObject.open("POST", "test.php", true);
        xHRObject.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
        xHRObject.onreadystatechange = getData;
        xHRObject.send("input=" + Input.value);
   }
   function getData()
   {
           if(xHRObject.readyState == 4)
           {
                   document.getElementById('output').value = xHRObject.responseText;
           }
   }
//-->
</script>
</head>
<body>
<form name='myForm'>
 <input type="text" onChange="sendRequest();" id="input" />
 <input type="text" id="output" />
</form>
</body>
</html>

 

 

Proszę o w miare szybką odpowiedź, bo chciałem się wziąć za bardziej zaawansowane rzeczy wreszcie ;]

Link do komentarza
Udostępnij na innych stronach

Zarchiwizowany

Ten temat jest archiwizowany i nie można dodawać nowych odpowiedzi.

×
×
  • Utwórz nowe...