网站建设_深圳网站建设_深圳网页制作_深圳网络公司 不仅仅是网站建设,不一样的品牌建站专家
繁體 | 用户登录 | 免费注册 | 客户支持 | 交费方式

销售热线: 0755-88822234  技术支持:13728743193

深圳网站建设,深圳网页制作,深圳网站制作,企业网站建设
快速导航
热文排行
臻心动态
网站优化
网站推广
用javascript实现页面无刷新更新数据    返回
时间:2019-10-21    来自:深圳市臻心网络科技有限公司
下面我们就以一个验证用户是否被注册的情况来演示这种技术。 
  1.首先在服务器上建立一个CheckUser.asp文件,用来检测用户是否存在,根据用户是否存在分别反馈0和1 
u_name=Request.QueryString("u_name") 
if u_name 存在 then 
Response.write "0" 
else 
Response.write "1" 
end if 
  2.客户端HTML设计: 
  一、JavaScript代码 
<script language=javascript> 
function check_user_exists(form){ 
u_name=form.u_name.value; 
if (u_name==null||u_name==’’){ 
alert("请您输入用户名"); 
return false; 

infoBoard=document.getElementById("checkInfo"); 
infoBoard.innerText=’查询中...’; 
myurl=location.protocol+"//"+location.hostname+"/CheckUser.asp?u_name="+u_name; 
retCode=openUrl(myurl); 
switch(retCode){ 
case "-2": 
infoBoard.innerHTML=’<font color=red>抱歉</font>,查询失败’;break; 
case "1": 
infoBoard.innerHTML=’<font color=red>恭喜</font>,’+u_name+’可以使用’;break; 
case "0": 
infoBoard.innerHTML=’<font color=red>抱歉</font>,用户名’+u_name+’已经被使用’; 

return; 

function openUrl(url){ 
var objxml=new ActiveXObject("Microsoft.XMLHttp") 
objxml.open("GET",url,false); 
objxml.send(); 
retInfo=objxml.responseText; 
if (objxml.status=="200"){ 
return retInfo; 

else{ 
return "-2"; 


</script> 
  二、HTML表单设计: 
<form name=form1 action="XXXX.asp" method="post"> 
<input type=text name=u_name><span id="checkInfo"></span><input type=button name=checkuser value="检测用户是否存在" onClick="check_user_exists(this.form);"> 
</form> 

香港优质医疗
香港方健医疗
城市导航
洛阳网站建设
香港化验所
深圳SEO优化
深圳网站建设
泰国试管婴儿
香港安欣医疗
试管婴儿
泰国做试管婴儿
多缘试管婴儿
香港安盛诊所
香港保险一站通
万利基因检测
香港安欣医疗
版权所有 © 深圳市臻心网络科技有限公司 2006 - 2019
电话咨询:0755-88822234 网址:www.zhenx.net 手机:m.zhenx.net
版权所有,未经授权请勿复制及转载 粤ICP备09037481号