Rumah > Artikel > pembangunan bahagian belakang > 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;
}
}