AJAX实例：根据邮编自动完成地址信息

<SCRIPT type=text/javascript><!--google_ad_client = "pub-4490194096475053";/* 内容页,300x250,第一屏 */google_ad_slot = "3685991503";google_ad_width = 300;google_ad_height = 250;//--></SCRIPT><SCRIPT src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type=text/javascript></SCRIPT><SCRIPT>window.google_render_ad();</SCRIPT><IFRAME name=google_ads_frame marginWidth=0 marginHeight=0 src="http://pagead2.googlesyndication.com/pagead/ads?client=ca-pub-4490194096475053&amp;dt=1227412845125&amp;lmt=1226285516&amp;prev_slotnames=1891601125&amp;output=html&amp;slotname=3685991503&amp;correlator=1227412845078&amp;url=http%3A%2F%2Fwww.corange.cn%2Farchives%2F2008%2F08%2F1575.html&amp;ea=0&amp;ref=http%3A%2F%2Fwww.corange.cn%2Fhtml%2Fcorange__89.html&amp;frm=0&amp;ga_vid=2091876339.1227189135&amp;ga_sid=1227412789&amp;ga_hid=774336983&amp;ga_fc=true&amp;flash=9.0.124.0&amp;u_h=768&amp;u_w=1024&amp;u_ah=715&amp;u_aw=1024&amp;u_cd=32&amp;u_tz=480&amp;u_java=true&amp;dtd=31" frameBorder=0 width=300 scrolling=no height=250 allowTransparency></IFRAME>

<script>
function createRequestObject() {
var ro;
var browser = navigator.appName;
if(browser == "Microsoft Internet Explorer"){
ro = new ActiveXObject("Microsoft.XMLHTTP");
}else{
ro = new XMLHttpRequest();
}
return ro;
}

var http = createRequestObject();

function sndReq(zip) {
http.open('get', 'zipcode.PHP?zip='+zip);
http.onreadystatechange = handleResponse;
http.send(null);
}

function handleResponse() {
if(http.readyState == 4){
var response = http.responseText;
var update = new Array();

if(response.indexOf('|' != -1)) {
update = response.split('|');
document.getElementById("city").value = update[0];
document.getElementById("state").value = update[1];
}
}
}
</script>
<h3>Enter A United States Zipcode, Then Tab</h3>
<table align="center">
<tr>
<td>Enter Zipcode:</td>
<td><input type="text" id="zipcode" name="zipcode" onBlur="sndReq(this.value);"/></td>
</tr>
<tr>
<td>City:</td>
<td><input type="text" id="city" name="city"/></td>
</tr>
<tr>
<td>State:</td>
<td><input type="text" id="state" name="state"/></td>
</tr>
</table>
以上是客户输入页面，下面是服务端的处理页面'zipcode.PHP
<?PHP
$dbuser = 'root';
$dbpass = '111111';

$cn = mysql_connect("localhost", $dbuser, $dbpass);
$db = mysql_select_db("ajax");

$sql = "select city, state from zipcodes where zipcode = " . $_REQUEST['zip'];
$rs = mysql_query($sql);
$row = mysql_fetch_array($rs);

echo $row['city'] . "|" . $row['state'];

mysql_close($cn);
?>
当客户输入一个POSTCODE后，zipcode.PHP就接收到它，然后进行从数据表中取出对应的资料，再按一定的格式返回给客户端（此处是以 | 分隔）。最后客户端接收返回的资料，显示在页面上。

if(response.indexOf('|' != -1)) {
update = response.split('|');
document.getElementById("city").value = update[0];
document.getElementById("state").value = update[1];
}