Latest web development tutorials
×

PHP Kurs

PHP Kurs PHP Kurze Einführung PHP installieren PHP Grammatik PHP Variable PHP echo/print PHP Datentypen PHP Konstante PHP Schnur PHP Die Betreiber PHP If...Else PHP Switch PHP Feld PHP Sortieren eines Array PHP Superglobals PHP While Verkehr PHP For Verkehr PHP Funktion PHP Magische Variablen PHP Namespaces PHP Objektorientiert

PHP Form

PHP Form PHP Formularauthentifizierung PHP Form - Erforderliche Felder PHP Form - Überprüfung E-Mail und URL PHP Komplette Formularinstanz PHP $_GET Variable PHP $_POST Variable

PHP Erweiterte Tutorial

PHP Mehrdimensionale Arrays PHP Datum PHP enthalten PHP Datei PHP Datei-Upload PHP Cookie PHP Session PHP E-mail PHP Sicherheit E-mail PHP Error PHP Exception PHP Filter PHP Erweiterte Filter PHP JSON

PHP 7 Neue Funktionen

PHP 7 Neue Funktionen

PHP Datenbank

PHP MySQL Kurze Einführung PHP MySQL Verbindung PHP MySQL Erstellen einer Datenbank PHP MySQL Erstellen Sie eine Datentabelle PHP MySQL einfügen von Daten PHP MySQL Legen Sie mehrere Daten PHP MySQL Prepared Statements PHP MySQL Lesen Sie Daten PHP MySQL WHERE PHP MySQL ORDER BY PHP MySQL UPDATE PHP MySQL DELETE PHP ODBC

PHP XML

XML Expat Parser XML DOM XML SimpleXML

PHP & AJAX

AJAX Kurze Einführung AJAX PHP AJAX Datenbank AJAX XML AJAX Echtzeitsuche AJAX RSS Reader AJAX Abstimmung

PHP Referenzhandbuch

PHP Array PHP Calendar PHP cURL PHP Date PHP Directory PHP Error PHP Filesystem PHP Filter PHP FTP PHP HTTP PHP Libxml PHP Mail PHP Math PHP Misc PHP MySQLi PHP PDO PHP SimpleXML PHP String PHP XML PHP Zip PHP Timezones PHP Bildverarbeitung PHP RESTful

PHP - AJAX und PHP

AJAX wird verwendet, mehr interaktive Anwendungen zu erstellen.


AJAX PHP Beispiele

Die folgenden Beispiele zeigen, wenn der Benutzer in einem Zeicheneingabefeld, wie Web-Seiten mit dem Web-Server zu kommunizieren:

Beispiele

尝试在输入框中输入一个名字,如:Anna:

姓名:

返回值:




Beispiele erläutern - HTML-Seite

Wenn ein Benutzer in der obigen Zeicheneingabefeld führt "ShowHint ()" Funktion. Diese Funktion besteht aus "onkeyup" Trigger Event:

<html>
<head>
<script>
function showHint(str)
{
	if (str.length==0)
	{ 
		document.getElementById("txtHint").innerHTML="";
		return;
	}
	if (window.XMLHttpRequest)
	{
		// IE7+, Firefox, Chrome, Opera, Safari 浏览器执行的代码
		xmlhttp=new XMLHttpRequest();
	}
	else
	{	
		//IE6, IE5 浏览器执行的代码
		xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
	}
	xmlhttp.onreadystatechange=function()
	{
		if (xmlhttp.readyState==4 && xmlhttp.status==200)
		{
			document.getElementById("txtHint").innerHTML=xmlhttp.responseText;
		}
	}
	xmlhttp.open("GET","gethint.php?q="+str,true);
	xmlhttp.send();
}
</script>
</head>
<body>

<p><b>在输入框中输入一个姓名:</b></p>
<form> 
姓名: <input type="text" onkeyup="showHint(this.value)">
</form>
<p>返回值: <span id="txtHint"></span></p>

</body>
</html>

Quelle erklärt:

Wenn das Eingabefeld leer ist (str.length == 0), wird diese Funktion txtHint Inhalt Platzhalter, löschen und die Funktion zu verlassen.

Wenn das Eingabefeld nicht leer ist, dann ShowHint () führt die folgenden Schritte aus:

  • Erstellen Sie XMLHttpRequest-Objekt
  • Erstellen Sie Funktion, wenn der Server bereit ist, die Reaktion durchzuführen
  • Datei auf dem Server-Anforderungen zu senden
  • Bitte beachten Sie, dass das Hinzufügen zu (enthält Eingabefeld), um das Ende des URL-Parameters (q)

PHP-Datei

Die oben genannten Server über JavaScript, um diese Seite aufrufen wird "gethint.php" PHP-Datei bezeichnet.

"Gethint.php" Quellcode überprüft Array von Namen, und dann wieder in den Browser-Namen entsprechen:

<?php
// 将姓名填充到数组中
$a[]="Anna";
$a[]="Brittany";
$a[]="Cinderella";
$a[]="Diana";
$a[]="Eva";
$a[]="Fiona";
$a[]="Gunda";
$a[]="Hege";
$a[]="Inga";
$a[]="Johanna";
$a[]="Kitty";
$a[]="Linda";
$a[]="Nina";
$a[]="Ophelia";
$a[]="Petunia";
$a[]="Amanda";
$a[]="Raquel";
$a[]="Cindy";
$a[]="Doris";
$a[]="Eve";
$a[]="Evita";
$a[]="Sunniva";
$a[]="Tove";
$a[]="Unni";
$a[]="Violet";
$a[]="Liza";
$a[]="Elizabeth";
$a[]="Ellen";
$a[]="Wenche";
$a[]="Vicky";

//从请求URL地址中获取 q 参数
$q=$_GET["q"];

//查找是否由匹配值, 如果 q>0
if (strlen($q) > 0)
{
	$hint="";
	for($i=0; $i<count($a); $i++)
	{
		if (strtolower($q)==strtolower(substr($a[$i],0,strlen($q))))
		{
			if ($hint=="")
			{
				$hint=$a[$i];
			}
			else
			{
				$hint=$hint." , ".$a[$i];
			}
		}
	}
}

// 如果没有匹配值设置输出为 "no suggestion" 
if ($hint == "")
{
	$response="no suggestion";
}
else
{
	$response=$hint;
}

//输出返回值
echo $response;
?>

Erläuterung: Wenn der JavaScript beliebigen Text senden (dh strlen ($ q)> 0), tritt auf:

  1. Finden Zeichen stimmen mit den Namen von JavaScript zu schicken
  2. Wenn keine Übereinstimmung gefunden wird, wird die Antwort-String "kein Vorschlag" gesetzt
  3. Wenn Sie eine oder mehrere passende Namen zu finden, die Namen aller Einstellungen mit dem Antwortstring
  4. Senden einer Antwort auf die "txtHint" Platzhalter

PHP Ajax Cross-Domain-Lösungen für Probleme

Wenn Sie eine Cross-Domain-asynchrone Anforderung angesehen werden kann: PHP Ajax Domain Lösungen für Probleme überqueren.