php中的ajax是什么意思

在PHP中，ajax中文意思为“异步的JavaScript和XML技术”，是指一种创建交互式网页应用的网页开发技术；ajax可以使网页实现异步更新，是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。

本教程操作环境：windows7系统、javascript1.8.5&&PHP7.1版、Dell G3电脑。

Ajax是什么意思？

ajax是Asynchronous JavaScript and XML(异步的JavaScript和XML技术)的缩写，是指一种创建交互式网页应用的网页开发技术；

ajax不是新的编程语言，而是一种使用现有标准的新方法。

ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换。ajax可以使网页实现异步更新。这意味着可以在不重新加载整个网页的情况下，对网页的某部分进行更新。而传统的网页(不使用ajax)如果需要更新内容，必须重载整个网页面。

看完了上述ajax的意思后，我们简单来看一下ajax的优缺点。

ajax的优点：

1、最大的一点是页面无刷新，用户的体验非常好。

2、使用异步方式与服务器通信，具有更加迅速的响应能力。。

3、可以把以前一些服务器负担的工作转嫁到客户端，利用客户端闲置的能力来处理，减轻服务器和带宽的负担，节约空间和宽带租用成本。并且减轻服务器的负担，ajax的原则是“按需取数据”，可以最大程度的减少冗余请求，和响应对服务器造成的负担。

4、基于标准化的并被广泛支持的技术，不需要下载插件或者小程序。

5、ajax可使因特网应用程序更小、更快，更友好。

ajax的缺点：

1、ajax不支持浏览器back按钮。

2、安全问题 AJAX暴露了与服务器交互的细节。

3、对搜索引擎的支持比较弱。

4、破坏了程序的异常机制。

5、不容易调试。

PHP中使用ajax

当用户在上面的输入框中键入字符时，会执行 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 占位符

PHP Ajax 跨域问题解决方案

本文通过设置Access-Control-Allow-Origin来实现跨域。

例如：客户端的域名是client.runoob.com，而请求的域名是server.runoob.com。

如果直接使用ajax访问，会有以下错误：

XMLHttpRequest cannot load http://server.runoob.com/server.PHP. No 'Access-Control-Allow-Origin' header is present on the requested resource.Origin 'http://client.runoob.com' is therefore not allowed access.

1、允许单个域名访问

指定某域名（http://client.runoob.com）跨域访问，则只需在http://server.runoob.com/server.PHP 文件头部添加如下代码：

header('Access-Control-Allow-Origin:http://client.runoob.com');

2、允许多个域名访问

指定多个域名（http://client1.runoob.com、http://client2.runoob.com等）跨域访问，则只需在http://server.runoob.com/server.PHP 文件头部添加如下代码：

$origin = isset($_SERVER['HTTP_ORIGIN'])? $_SERVER['HTTP_ORIGIN'] : '';  
  
$allow_origin = array(  
    'http://client1.runoob.com',  
    'http://client2.runoob.com'  
);  
 
if(in_array($origin, $allow_origin)){  
    header('Access-Control-Allow-Origin:'.$origin);       
}

3、允许所有域名访问

允许所有域名访问则只需在http://server.runoob.com/server.PHP 文件头部添加如下代码：

header('Access-Control-Allow-Origin:*');

推荐学习：《PHP教程》

php中的ajax是什么意思

相关推荐