转 PHP - AJAX 与 PHP

AJAX 被用于创建交互性更强的应用程序。

AJAX PHP 实例

下面的实例将演示当用户在输入框中键入字符时，网页如何与 Web 服务器进行通信：

实例

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

姓名:

返回值: Anna

实例解释 - HTML 页面

当用户在上面的输入框中键入字符时，会执行 "showHint()" 函数。该函数由 "onkeyup" 事件触发：

<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>

源代码解释：

如果输入框是空的（str.length==0），该函数会清空 txtHint 占位符的内容，并退出该函数。

如果输入框不是空的，那么 showHint() 会执行以下步骤：

创建 XMLHttpRequest 对象
创建在服务器响应就绪时执行的函数
向服务器上的文件发送请求
请注意添加到 URL 末端的参数（q）（包含输入框的内容）

PHP 文件

上面这段通过 JavaScript 调用的服务器页面是名为 "gethint.php" 的 PHP 文件。

"gethint.php" 中的源代码会检查姓名数组，然后向浏览器返回对应的姓名：

<?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;

?>

解释：如果 JavaScript 发送了任何文本（即 strlen($q) > 0），则会发生：

查找匹配 JavaScript 发送的字符的姓名
如果未找到匹配，则将响应字符串设置为 "no suggestion"
如果找到一个或多个匹配姓名，则用所有姓名设置响应字符串
把响应发送到 "txtHint" 占位符

http://www.runoob.com/php/php-ajax-php.html?

http://blog.csdn.net/manymore13/article/details/10049379

本次主要学习ajax的概念以及怎么与PHP之间进行交互操作

1.什么是Ajax？

国内翻译常为“阿贾克斯”和阿贾克斯足球队同音，AJAX 是一种用于创建快速动态网页的技术，他不是新语言，而是一种使用现有标准的新方法。通过在后台与服务器进行少量数据交换，AJAX 可以使网页实现异步更新，这样就可以在不重新加载整个网页的情况下，对网页的某部分进行更新。

2.使用Ajax

XMLHttpRequest 是 AJAX 的基础，用于和服务器交换数据。所有现代浏览器均支持 XMLHttpRequest 对象（IE5 和 IE6 使用 ActiveXObject）

①创建 XMLHttpRequest 对象

老版本的 Internet Explorer （IE5 和 IE6）使用 ActiveX 对象为了适应所有的现代浏览器你可以加一个判断来实例化这个对象

var xmlhttp;
if (window.XMLHttpRequest)
{
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{
// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}

② 向服务器发送请求

我们使用 XMLHttpRequest 对象的 open() 和 send() 方法如下：
XMLHttpRequest .open("GET","index.html",true);

XMLHttpRequest .send();

③AJAX - onreadystatechange 事件

当请求被发送到服务器时，我们需要执行一些基于响应的任务。每当 readyState 改变时，就会触发 onreadystatechange 事件

下面是 XMLHttpRequest 对象的三个重要的属性：

在 onreadystatechange 事件中，我们规定当服务器响应已做好被处理的准备时所执行的任务。
当 readyState 等于 4 且状态为 200 时，表示响应已就绪：

<span style="font-family:Comic Sans MS;"> xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState==4 && xmlhttp.status==200)
{
document.getElementById("myDiv").innerHTML=xmlhttp.responseText;
}
}</span>