ajax优缺点有哪些，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;
     $icount($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:*');