php ajax 執行個體與ajax 教程_PHP教程

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;
}
}

http://www.bkjia.com/PHPjc/632054.htmlwww.bkjia.comtruehttp://www.bkjia.com/PHPjc/632054.htmlTechArticlephp ajax 執行個體與ajax 教程 1建立XMLHttpRequest對象的JavaScript程式。 2 發出非同步請求的JavaScript程式。 3 處理伺服器響應的JavaScript程式。 php教程 aj...

