使用ajax开发web应用程序

ajax_output.php
';
if(isset($_POST['name']) && !empty($_POST['name'])){
echo '你好, '.$_POST['name'].'.';
}
if(isset($_POST['born']) && !empty($_POST['born'])){
echo '你出生于风景如画的'.$_POST['born'].'!';
}
echo '';
}
?>
这个php文件将输出一个包含两个段落的DIV。如果文本域name填写了内容，将输出"你好, [你的名字]"。如果文本域born填写了内容，将会输出"你出生于风景如画的[出生地名]!"，如果你两个空格都填了，那将输出两个消息到同一个DIV中。
如何使用ajax开发web应用程序(4)
.note {
background: #ffa;
border: solid 1px #f30;
margin: 1em;
padding: 0.5em;
}
function submitForm(f){
if(window.XMLHttpRequest){
var xmlReq = new XMLHttpRequest();
} else if(window.ActiveXObject) {
var xmlReq = new ActiveXObject('Microsoft.XMLHTTP');
}
var formData = '', elem = '';
for(var s=0; s
姓名:
出生地:
　　这是一个将在表单被提交的时候触发的函数（表单里的onsubmit事件句柄(event handler)将调用这个函数）。这个函数首先创建一个XMLHttpRequest，它用于传输数据到表单的action（ajax_output.ph[）。下一步，我们遍历每一个表单元素并将它们使用（&）连接起来以便于数据可以被正确地传送给action。接下来，我们创建了一个onReadyStateChange函数用于将这个id为insert的DIV和ajax_output.php传输回来的数据组合起来。然后我们打开表单的method(ajax_output.php)－－用POST或者GET（在我们的ajax_output.php中，我们只接受POST的数据）－－以及action (ajax_output.php)。我们需要设置正确的请求头（request header）以便于javascript能够发送经过URL编码的form数据(form urlencoded data)给ajax_output.php，最后就是让javascript发送数据了。