php中的ajax是什麼意思

2022-03-10 16:01:03

在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中的ajax是什麼意思的詳細內容,更多請關注TW511.COM其它相關文章!