Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [ajax/php] Chcę wykonać skrypt php na tej samej stronie co skrypt js
Forum PHP.pl > Forum > Przedszkole
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:
  1. <div>
  2. <input type="text" id="tf1" /><br>
  3. <input type="text" id="tf2" /><br>
  4. <br>
  5. <input type="button" value="Wyślij"
  6. onclick="pobierzDane();" id="bWyslij" />
  7. <br /><br />
  8. </div>
  9. <div id="warstwaDanych">
  10. Odpowiedź serwera
  11. </div>


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:
  1. <?php
  2. $action = (isset($_POST['action']) ? $_POST['action']) : '');
  3. if($action == 'ajax')
  4. {
  5. // ZWRACASZ TYLKO WNĘTRZE DIV o ID="warstwDanych"
  6. }
  7. else
  8. {
  9. // ZWRACASZ CAŁĄ STRONKĘ
  10. }
  11. ?>

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 questionmark.gif
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 ?
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.