Loading:

Książka Zend Framework 3. Poradnik Programisty.

Przesłanie danych z formularza do pliku PHP AJAX metoda POST

Skrypt ilustruje w jaki sposób przesyła się dane z formularza do pliku PHP poprzez AJAX metoda POST



Napisz Artykuł

Listing


//Plik index.html

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Ajax</title>
<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 tekst1 = document.getElementById("tf1").value;
    var tekst2 = document.getElementById("tf2").value;

    tekst1 = escape(tekst1);
    tekst2 = escape(tekst2);

    var str = "tekst1=" + tekst1 + "&tekst2=" + tekst2;

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

    XMLHttpRequestObject.onreadystatechange = function()
    {
      if (XMLHttpRequestObject.readyState == 4){
        if(XMLHttpRequestObject.status == 200){
          var tekst = "Dane odebrane z serwera: ";
          tekst += XMLHttpRequestObject.responseText;
          div.innerHTML = tekst;
        }
        przyciskEl.disabled = false;
      }
    }
    XMLHttpRequestObject.send(str);
  }
}

var XMLHttpRequestObject = getXMLHttpRequestObject();

</script>
</head>
<body>
<div>
<input type="text" id="tf1" />
<input type="text" id="tf2" />
<input type="button" value="Wyślij"
       onclick="pobierzDane();" id="bWyslij" />
<br /><br />
</div>
<div id="warstwaDanych">
Tutaj pojawi się odpowiedź serwera...
</div>
</body>
</html>




//Plik dane.php

<?php
if(isSet($_POST['tekst1']) && isSet($_POST['tekst2'])){
  $tekst1 = $_POST['tekst1'];
  $tekst2 = $_POST['tekst2'];
  $tekst1 = strrev($tekst1);
  $tekst2 = strrev($tekst2);
  echo $tekst1 . $tekst2;
}
else{
  echo "Wystąpił błąd. Dane nie są dostępne.";
}
?>

 


Ten wpis posiada swój wątek na forum

Wszystkie pytania prosimy kierować właśnie tam ponieważ komentarze to miejsce na poprawki do kodu lub alternatywne rozwiązania i pytania nie będą publikowane

http://forum.funkcje.net/forum/viewtopic.php?f=2&t=3296

Dane do logowania na forum są takie same jak na funkcje.net



Dodano przez: igor
Ranga: Administrator serwisu Punktów: 28716
Komentarze użytkowników
    • Treść komentarza
      Kod do komentarza (opcjonalnie)
      PHP JavaScript MySQL Smarty SQL HTML CSS ActionScript
      Autor
      Token
      token

       

       








funkcje.net
Wszelkie prawa zastrzeżone©. | Funkcje.net 2008-17 v.1.5 | design: diviXdesign & rainbowcolors