[ajax/php] Chcę wykonać skrypt php na tej samej stronie co skrypt js Opcje

[Morale]

mam taki skrypt w sekcji head:

Kod

<script type="text/javascript">

function getXMLHttpRequestObject()
{
  try{
    return new XMLHttpRequest();
  }
  catch(e){
    try{
      return new ActiveXObject("Microsoft.XMLHTTP");
    }
    catch(e){
      return false;
    }
  }
}

function pobierzDane()
{
  if(XMLHttpRequestObject){
    var div = document.getElementById("warstwaDanych");
    var przyciskEl = document.getElementById("bWyslij");
    var tekst = document.getElementById("tf1").value;
    var tekst2 = document.getElementById("tf2").value;

    przyciskEl.disabled = true;
    XMLHttpRequestObject.open("POST", "http://localhost/dane.php");
    XMLHttpRequestObject.setRequestHeader(
      'Content-Type', 'application/x-www-form-urlencoded');

    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4){
        if(XMLHttpRequestObject.status == 200){
          var tekst = XMLHttpRequestObject.responseText;

          
          tekst = unescape(tekst);
          tekst2 = unescape(tekst2);
          div.innerHTML = tekst;
        }
        przyciskEl.disabled = false;
      }
    }
    tekst = escape(tekst);
    tekst2 = escape(tekst2);
    XMLHttpRequestObject.send("tekst=" + tekst + "&tekst2=" + tekst2);
  }
}

var XMLHttpRequestObject = getXMLHttpRequestObject();

</script>

obsługa:

[HTML] pobierz, plaintext 
<div>
<input type="text" id="tf1" /><br>
<input type="text" id="tf2" /><br>
<br>
<input type="button" value="Wyślij" 
       onclick="pobierzDane();" id="bWyslij" />
<br /><br />
</div>
<div id="warstwaDanych">
Odpowiedź serwera
</div>
[HTML] pobierz, plaintext 

I jeśli ten skrypt jest w innym pliku niż w dane.php to jest ok. Ale jeśli chcę go wywołać w pliku dane.php, bo chcę mieć w tym samym pliku skrypt php i js to jest problem, bo tworzą się (za każdym razem gdy kliknę na wyślij) nowe inputy i nic się nie wysyła...

Zależy mi na tym, by skrypt js działał razem ze skryptem php - w jednym pliku.
Da się tak ?

[-Wieviór-]

A jak wygląda ten skrypt PHP, i co Ty tu w ogóle starasz się zrobić?

[nevt]

w JS musisz poprawić linijkę

Kod

XMLHttpRequestObject.send("action=ajax&tekst=" + tekst + "&tekst2=" + tekst2);

a w pliku dane.php dodać warunek:

[PHP] pobierz, plaintext 
<?php
$action = (isset($_POST['action']) ? $_POST['action']) : '');
if($action == 'ajax')
{
	// ZWRACASZ TYLKO WNĘTRZE DIV o ID="warstwDanych"
}
else
{
	// ZWRACASZ CAŁĄ STRONKĘ
}
?>
[PHP] pobierz, plaintext 

i powinno zaskoczyć. tak jak masz w tej chwili, to po każdym wywołaniu AJAX do wnętrza DIV o ID="warstwDanych" wstawiasz wszystko co wypluwa plik dane.php - czyli pewnie całą stronkę, za każdym kliknięciem w submit kolejną kopię...

[Morale]

A nie ma jakiegoś innego sposobu ? Albo jakaś gotowa biblioteka do przesyłania danych w tle ?

[barthpl]

pytasz o bibliotekę typu xajax

[Morale]

I co ta biblioteka daje ? Bo ja chcę jak najmniejszymi zmianami zrobić wysyłanie danych (tekstowych) w tle.

Słyszałem też coś o bibliotece Anakina ?

Ten post edytował Morale 20.03.2008, 12:33:16