php ajax 實例與ajax 教程

php ajax 實例與ajax 教程 1創建XMLHttpRequest對象的JavaScript程序。 2 發出異步請求的JavaScript程序。 3 處理服務器響應的JavaScript程序。

php教程 ajax 實例與ajax 教程
   1創建xmlhttprequest對象的網頁特效程序。
  2   發出異步請求的javascript程序。
  3   處理服務器響應的javascript程序。

*/

 //1創建xmlhttprequest對象的javascript程序。

 function getxmlhttprequest()
{
    var xmlhttp=null;
    try
    {
        xmlhttp = new xmlhttprequest();                      //對於firefox等浏覽器
    }
    catch(e)
    {
        try
        {
            xmlhttp = new activexobject("msxml2.xmlhttp");   //對於ie浏覽器
        }
        catch (e)
        {
            try
            {
                xmlhttp = new activexobject("microsoft.xmlhttp");
            }
            catch(e)
            {
                xmlhttp = false;
            }           
        }
    }

return xmlhttp;
}

 

  //2   發出異步請求的javascript程序。
  
 

function sendrequest()
{
    //獲取頁面表單的文本框name的值
    var user_name = document.getelementbyid("name").value;

    if((user_name == null) || (user_name == ""))
        return;
   
    xmlhttp = getxmlhttprequest();
    if(xmlhttp == null)
    {
        alert("浏覽器不支持xmlhttprequest！");
        return;
    }

    var url = "getusername.php";               //構建請求的url地址
    url = url + "?name=" + user_name;
   
    xmlhttp.open("get", url, true);            //使用get方法打開一個到url的連接，為發出請求做准備
   
    //設置一個函數，當服務器處理完請求後調用，該函數名為updatepage
    xmlhttp.onreadystatechange = updatepage;
    xmlhttp.send(null);                        //發送請求
}
 

// 3   處理服務器響應的javascript程序。
 

function updatepage()
{
    if(xmlhttp.readystate == 4)
    {
        var response = xmlhttp.responsetext;
        document.getelementbyid("userinfo").value = response;
    }
}