MyJSFrame Demo 02
提交表单
提交表单是web的最基本的功能之一,传统的提交是表单页面的提交,数据发到服务端,然后服务端再返回页面,因此页面会有闪动效果。用Ajax提交页面,所有发送数据与接收数据的过程是在后台完成的,几乎是悄悄地进行。下面是个简单的例子,在两个输入框输入两个数字,按“确定”,将发送两个数据服务器,服务器计算后返回结果:
=
例子本身没有任何意义,但例子中的发送与接收数据的过程过程却是一个完整的表单提交的过程。这种异步提交的方法可以应用在很多地方,比如用户注册时判断用户名是否存在、数据查询、发表评论等场合。
function getData(btn){
btn.disabled = true;
btn.value = "正在计算...";
var myAjax = new Ajax.Request(
"cal.asp",
{
method:"post",
parameters:"num1="+$V("num1")+"&num2="+$V("num2")+"&relation="+$E($V("relation")),
onComplete:function(x){
$("result").value = x.responseText;
btn.disabled = false;
btn.value = "计算";
}
}
);
}