XMLHttpRequest对象如何铸就AJAX辉煌-技术开发专区

XMLHttpRequest对象如何铸就AJAX辉煌

作者：IT168 李学涛编辑：赵恒 2007-03-29 10:08

{$PageTitle=代码A 的实现}

代码A

<html><head>
<title>TechRepublic.com Example</title>
<script type="text/javascript" language="JavaScript">
function getTelephone(cName) ...{document.body.style.cursor='wait';varobj = null;
if (window.XMLHttpRequest) ...{obj = new XMLHttpRequest();
} else if (window.ActiveXObject) ...{obj = new ActiveXObject("Microsoft.XMLHTTP");
}vargoUrl = "http://localhost/test3.aspx?cname=" + cNameobj.open("POST",goUrl, false );obj.send();
if ((obj.responseText == "Error") || (obj.responseText == ""))
alert("The company name is invalid.");
elsethis.document.forms[0].telephone.value = obj.responseText;document.body.style.cursor='auto';
}
</script></head><body>
<form id="frmText">
<input type="text" name="telephone" /><br />
<input type="text" name="cname" onblur="getTelephone(this.value);" />
</form>
</body></html>

    在上面的代码中，网页应用ASP.NET来对输入到文本框中的公司名执行电话号码查询（我使用的是标准的SQL Server Northwind数据库）。文本域的JavaScript onblur事件触发查询。

    对HTML页面的几点提示：

    getTelephone JavaScript方法与XMLHttpRequest对象共同工作。它建立对象（根据浏览器），并将提交到它的值（从文本域）贴粘到ASP.NET页面。
    XMLHttpRequest对象的返回值（responseText属性）用于决定是返回数据，或是返回错误。
    文本域的onblur事件与JavaScript函数联系在一起，当用户在域外点击时，即被调用。
    在列表B中，XMLHttpRequest对象调用ASP.NET代码。ASP.NET页面很简单。它应用通过QueryString变量提交到页面的值来定位SQL服务器数据库中匹配的数据，并返回匹配数据，如果发生异常，则返回错误。

第1页：浏览器中的XML 第2页：通过应用来了解对象第3页：列表B的实现

关注我们