bl双性强迫侵犯h_国产在线观看人成激情视频_蜜芽188_被诱拐的少孩全彩啪啪漫画

在php中關于ajax的使用實例講解

本篇文章為大家展示了在php中關于ajax的使用實例講解,代碼簡明扼要并且容易理解,絕對能使你眼前一亮,通過這篇文章的詳細介紹希望你能有所收獲。

從事成都西信服務器托管,服務器租用,云主機,網絡空間,國際域名空間,CDN,網絡代維等服務。

一、總結

1、多復習:代碼都挺簡單的,就是需要復習,要多看

2、ajax原理:ajax就是部分更新頁面,其實還在的html頁面監聽到事件后,然后傳給服務器進行操作,這里用的是get方式來傳值到服務器,

3、ajax和全頁面更新的區別:ajax和全頁面更新的區別是全頁面更新返回的是整個頁面,而ajax只返回的是修改部分的數據, 而且主要是通過window對象的XMLHttpRequest對象來實現的

4、實現ajax的步驟:實現ajax服務器端就是返回部分數據,頁面端就是新建對象然后執行這個對象的幾個函數,a、創建對象  b、onreadystatechange c、open  d、send

二、ajax和php

AJAX 被用于創建交互性更強的應用程序。

ajax php實例

在php中關于ajax的使用實例講解

實例解釋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() 會執行以下步驟:

1、創建 XMLHttpRequest 對象

2、創建在服務器響應就緒時執行的函數

3、向服務器上的文件發送請求

4、請注意添加到 URL 末端的參數(q)(包含輸入框的內容)

注意點

1、標簽文本域置空:第8行,標簽文本域置空

2、添加函數:第21行,給新建的XMLHttpRequest對象添加函數,這個函數就是接受從服務器那里傳來的數據,

3、服務器接受的ajax返回數據:第25行,responseText可能是XMLHttpRequest對象的屬性

4、get傳值:第28行,get方式傳值,?后面接參數,=號連接鍵和值

5、onkeyup事件:第37行,onkeyup 事件會在鍵盤按鍵被松開時發生。

6、標簽js傳參中的this的應用:第37行,標簽中的this對象指的就是標簽本身

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" 占位符

注意點

1、$_GET[]:第35行,超全局變量$_GET[]的使用

2、strlen():第38行,strlen函數的使用

3、數據連接:第43-52行,找所以前面包含傳入參數的數據

4、字符串連接:第51行,點變量用于字符連接

5、算法邏輯:整個算法邏輯就是,用從頁面傳入過來的參數找適合的東西返回到頁面去

上述內容就是在php中關于ajax的使用實例講解,你們學到知識或技能了嗎?如果還想學到更多技能或者豐富自己的知識儲備,歡迎關注創新互聯行業資訊頻道。

文章題目:在php中關于ajax的使用實例講解
新聞來源:http://vcdvsql.cn/article26/pcdgjg.html

成都網站建設公司_創新互聯,為您提供響應式網站用戶體驗網站策劃網站制作外貿建站網站建設

廣告

聲明:本網站發布的內容(圖片、視頻和文字)以用戶投稿、用戶轉載內容為主,如果涉及侵權請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網站立場,如需處理請聯系客服。電話:028-86922220;郵箱:631063699@qq.com。內容未經允許不得轉載,或轉載時需注明來源: 創新互聯

外貿網站制作