用javascript实现页面无刷新更新数据
以下正文:
程序设计中会经常碰到一种情况,就是事先无法得知用户会需要哪些数据,必须根据用户选择后再从服务
下面我们就以一个验证用户是否被注册的情况来演示这种技术。
u_name=Request.QueryString("u_name")
ifu_name存在then
Response.write"0"
else
Response.write"1"
endif
2.客户端HTML设计:
一、JavaScript代码
<scriptlanguage=javascript>
functioncheck_user_exists(form){
u_name=form.u_name.value;
if(u_name==null||u_name==""){
alert("请您输入用户名");
returnfalse;
}
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="<fontcolor=red>抱歉</font>,查询失败";break;
case"1":
infoBoard.innerHTML="<fontcolor=red>恭喜</font>,"+u_name+"可以使用";break;
case"0":
infoBoard.innerHTML="<fontcolor=red>抱歉</font>,用户名"+u_name+"已经被使用";
}
return;
}
varobjxml=newActiveXObject("Microsoft.XMLHttp")
objxml.open("GET",url,false);
objxml.send();
retInfo=objxml.responseText;
if(objxml.status=="200"){
returnretInfo;
}
else{
return"-2";
}
}
</script>
二、HTML表单设计:
<formname=form1action="XXXX.asp"method="post">
<inputtype=textname=u_name><spanid="checkInfo"></span><inputtype=buttonname=checkuser
</form>
相关文章
- 数据透视表上线!如何在纯前端实现这个强大的数据分析功能?
- 22·灵魂前端工程师养成-JavaScript数组
- js数据转换为html,JavaScript怎么进行类型转换?「建议收藏」
- 【说站】javascript如何反转字符串
- javascript html转换成markdown,如何使用Turndown使用JavaScript将HTML转换为Markdown[通俗易懂]
- JavaScript 学习-49.localStorage前端保存数据
- 四款面向数据可视化的超酷JavaScript工具
- 用javascript实现无刷新更新数据的详细步骤asp
- javascript实现划词标记划词搜索功能修正版
- 数据排序谁最快(javascript中的Array.prototype.sortPK快速排序)
- 用javascript实现li列表数据隔行变换背景颜色
- JavaScript验证浏览器是否支持javascript的方法小结
- javascript获取多条数据(模拟ajax获取数据)
- JavaScript封装Ajax传递的数据代码
- JavaScript设计模式富有表现力的Javascript(一)
- javascript数据类型转换(parseInt,parseFloat)
- javascript触发HTML元素绑定的函数
- JavaScript中使用正则匹配多条,且获取每条中的分组数据
- 通过Javascript将数据导出到外部Excel文档的函数代码
- javascript事件处理程序介绍
- Javascript级联下拉菜单以及AJAX数据验证核心代码
- 使用JavaScript修改浏览器URL地址栏的实现代码
- 利用noesis.Javascript开源组件.Net中执行javascript脚本
- IE6中链接A的href为javascript协议时不在当前页面跳转
- 一个检测表单数据的JavaScript实例
- JavaScript遍历table表格中的某行某列并打印其值