Loading:

BLACK WEEK IT! [Zgarnij książkę GRATIS lub kupuj solo z rabatem do -50%]

Ostatnio dodane

php Upload dodaw PHP Tworzenia mi Logowanie obiekt Prosty system sz Lista plików z Jak zbudować pr Jak zamienić w IP uzytkownika Obiekt Timer [AS Proste skrypty w

Top 10

1.imagearc 2.log1p 3.fstat() 4.bzclose() 5.is_long 6.list() 7.yaz_errno 8.play() 9.bzflush 10.proc_open

56853.05

ASP.NET Core MVC 2. Zaawansowane programowanie. Wydanie VIICena: 83.85 zł
JavaScript i jQuery. Interaktywne strony WWW dla każdego. Podręcznik...Cena: 64.35 zł
Bootstrap 4 dla zaawansowanych. Jak pisać znakomite aplikacje interne...Cena: 31.85 zł
Nie każ mi myśleć! O życiowym podejściu do funkcjonalności stron...Cena: 34.30 zł

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

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.";
}
?>