ajax和表单的实例,Ajax表单提交实例_jquery

昨天在CSDN逛的时候,看见一位网友需要解决一些关于AJAX的FORM提交的问题,现在把一个实例贴出来,希望对广大爱好者有帮助.

default.asp

-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>

Ajax – Sample1

      //请一定要将此页的编码设为UTF-8,否则将出现乱码

#Layer1 {

position:absolute;

width:200px;

height:115px;

z-index:1;

left: 409px;

top: 88px;

}

–>

Ajax应用实例: 注册模块

ID:

Password:

当注册ID为 tony的用户时,后台验证该ID已存在,返回提示信息

为突出显示无刷新效果,服务器端程序将自动进行百万加法运算

REG.JS

function GE(a){return document.getElementById(a);}

function Check(){

if(GE(‘regid’).value==”){GE(‘msg’).innerHTML=’ID不能为空’;return false}

if(GE(‘regpassword’).value==”){GE(‘msg’).innerHTML=’password 不能为空’;return false}

var X=new ActiveXObject(“Msxml2.XMLHTTP”);

if(X){

GE(‘regsubmit’).disabled=true;

X.onreadystatechange=function(){

if(X.readyState==4){

if(X.status==200){

eval(X.responseText)

}

else{GE(‘msg’).innerHTML=X.statusText}

}

else{GE(‘msg’).innerHTML=”正在提交数据…”}

};

X.open(‘POST’,’reg.asp’,true);

X.setRequestHeader(‘Content-Type’,’application/x-www-form-urlencoded’);

var SendData = ‘regid=’+GE(‘regid’).value+’&regpassword=’+GE(‘regpassword’).value+’&file=’+GE(‘f’).value

X.send(SendData)

}

else{

GE(‘msg’).innerHTML=’你的浏览器不支持XMLHttpRequest’

}

}

reg.asp

//CODEPAGE必须为650001,否则也出现乱码,如果有HTML文字,一定设为UTF-8编码,否则将出现乱码.

Dim regid, regpassword, str

regid=Request.Form(“regid”)

regpassword=Request.Form(“regpassword”)

f=Request.Form(“file”)

Dim i, ii

ii = 0

For i = 0 To 1000000

ii = ii + i

Next

If regid=”” or regpassword=”” then

str = “ID和PASSWORD必须填写”

Else

If regid <> “tony” Then

str = “注册成功,ID为” & regid & ” , 密码为” & regpassword&f

Else

str = “注册失败,ID已经存在”

End If

End if

Response.Write “GE(‘msg’).innerHTML='” & str & “‘;GE(‘regsubmit’).disabled=false”

Response.End

%>

如有其他疑问,请跟帖~

这个实例本人认为比较全面,是我用AJAX表单提交的初学实例,相当够用!如有错误,请指正!谢谢!

欢迎大家阅读《Ajax表单提交实例_jquery》,跪求各位点评,若觉得好的话请收藏本文，by 搞代码

搞代码网(gaodaima.com)提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权

转载请注明原文链接：Ajax表单提交实例_jquery