php中ajax的概念是什么

發(fā)布時間：2022-03-10 15:42:21 來源：億速云閱讀：144 作者：iii 欄目：編程語言

今天小編給大家分享一下php中ajax的概念是什么的相關(guān)知識點，內(nèi)容詳細，邏輯清晰，相信大部分人都還太了解這方面的知識，所以分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后有所收獲，下面我們一起來了解一下吧。

在php中，ajax中文意思為“異步的JavaScript和XML技術(shù)”，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)；ajax可以使網(wǎng)頁實現(xiàn)異步更新，是一種在無需重新加載整個網(wǎng)頁的情況下，能夠更新部分網(wǎng)頁的技術(shù)。

php中ajax的概念是什么

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5&&PHP7.1版、Dell G3電腦。

Ajax是什么意思？

ajax是Asynchronous JavaScript and XML(異步的JavaScript和XML技術(shù))的縮寫，是指一種創(chuàng)建交互式網(wǎng)頁應(yīng)用的網(wǎng)頁開發(fā)技術(shù)；

ajax不是新的編程語言，而是一種使用現(xiàn)有標準的新方法。

ajax是一種用于創(chuàng)建快速動態(tài)網(wǎng)頁的技術(shù)。通過在后臺與服務(wù)器進行少量數(shù)據(jù)交換。ajax可以使網(wǎng)頁實現(xiàn)異步更新。這意味著可以在不重新加載整個網(wǎng)頁的情況下，對網(wǎng)頁的某部分進行更新。而傳統(tǒng)的網(wǎng)頁(不使用ajax)如果需要更新內(nèi)容，必須重載整個網(wǎng)頁面。

看完了上述ajax的意思后，我們簡單來看一下ajax的優(yōu)缺點。

ajax的優(yōu)點：

1、最大的一點是頁面無刷新，用戶的體驗非常好。

2、使用異步方式與服務(wù)器通信，具有更加迅速的響應(yīng)能力。。

3、可以把以前一些服務(wù)器負擔(dān)的工作轉(zhuǎn)嫁到客戶端，利用客戶端閑置的能力來處理，減輕服務(wù)器和帶寬的負擔(dān)，節(jié)約空間和寬帶租用成本。并且減輕服務(wù)器的負擔(dān)，ajax的原則是“按需取數(shù)據(jù)”，可以最大程度的減少冗余請求，和響應(yīng)對服務(wù)器造成的負擔(dān)。

4、基于標準化的并被廣泛支持的技術(shù)，不需要下載插件或者小程序。

5、ajax可使因特網(wǎng)應(yīng)用程序更小、更快，更友好。

ajax的缺點：

1、ajax不支持瀏覽器back按鈕。

2、安全問題 AJAX暴露了與服務(wù)器交互的細節(jié)。

3、對搜索引擎的支持比較弱。

4、破壞了程序的異常機制。

5、不容易調(diào)試。

php中使用ajax

當用戶在上面的輸入框中鍵入字符時，會執(zhí)行 "showHint()" 函數(shù)。該函數(shù)由 "onkeyup" 事件觸發(fā)：

<html>
<head>
<script>
function showHint(str)
{
    if (str.length==0)
    { 
        document.getElementById("txtHint").innerHTML="";
        return;
    }
    if (window.XMLHttpRequest)
    {
        // IE7+, Firefox, Chrome, Opera, Safari 瀏覽器執(zhí)行的代碼
        xmlhttp=new XMLHttpRequest();
    }
    else
    {    
        //IE6, IE5 瀏覽器執(zhí)行的代碼
        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），該函數(shù)會清空 txtHint 占位符的內(nèi)容，并退出該函數(shù)。

如果輸入框不是空的，那么 showHint() 會執(zhí)行以下步驟：

創(chuàng)建 XMLHttpRequest 對象
創(chuàng)建在服務(wù)器響應(yīng)就緒時執(zhí)行的函數(shù)
向服務(wù)器上的文件發(fā)送請求
請注意添加到 URL 末端的參數(shù)（q）（包含輸入框的內(nèi)容）

PHP 文件

上面這段通過 JavaScript 調(diào)用的服務(wù)器頁面是名為 "gethint.php" 的 PHP 文件。

"gethint.php" 中的源代碼會檢查姓名數(shù)組，然后向瀏覽器返回對應(yīng)的姓名：

<?php
// 將姓名填充到數(shù)組中
$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 參數(shù)
$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];
            }
        }
    }
}

// 如果沒有匹配值設(shè)置輸出為 "no suggestion" 
if ($hint == "")
{
    $response="no suggestion";
}
else
{
    $response=$hint;
}

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

解釋：如果 JavaScript 發(fā)送了任何文本（即 strlen($q) > 0），則會發(fā)生：

查找匹配 JavaScript 發(fā)送的字符的姓名
如果未找到匹配，則將響應(yīng)字符串設(shè)置為 "no suggestion"
如果找到一個或多個匹配姓名，則用所有姓名設(shè)置響應(yīng)字符串
把響應(yīng)發(fā)送到 "txtHint" 占位符

PHP Ajax 跨域問題解決方案

本文通過設(shè)置Access-Control-Allow-Origin來實現(xiàn)跨域。

例如：客戶端的域名是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中ajax的概念是什么”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家閱讀完這篇文章都有很大的收獲，小編每天都會為大家更新不同的知識，如果還想學(xué)習(xí)更多的知識，請關(guān)注億速云行業(yè)資訊頻道。

向AI問一下細節(jié)

php中ajax的概念是什么

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標簽