今天打算实现一个无刷新切换页面的,可惜的是那段JS代码实在是看得费劲,所以我打算看看有没有简单的实现方法,好在发现了一篇文章,里面是介绍利用JS和ASP来实现无刷新切换新闻内容的例子,自己仔细地研究了一下,最后实现了一个无刷新验证用户名的小例子,虽然很简单,但毕竟是我的第一篇关于程序的文章,所以还希望大家多多支持啊,呵呵
这里主要利用到JAVASCRIPT来进行数据的传送,并通过验证返回提示信息,一共分为两个文件一个ajax.asp这个是用来输入用户名以及提交验证的界面,而check.asp是进行验证的文件,具体代码如下:
首先是ajax.asp文件的代码:
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无刷新验证</title>
<script language="javascript" type="text/javascript">
function CheckUser(username)
{
document.scripts[0].src = "check.asp?username=" + username;
}
</script>
<script language="javascript" type="text/javascript" src=""></script>
<link href="css/base.css" rel="stylesheet" type="text/css">
</head>
<body>
<div style="color:#FF0000 ">无刷新验证</div><br/>
<input name="username" id="username" type="text" />
<label id="lblusername"></label>
<br/><br/>
<input name="check" id="check" type="button" value="验证" onClick="javascript:CheckUser(username.value);"/>
</body>
</html>
然后是check.asp文件的代码:
<!--#include file="inc/inc.inc"-->
<%
username=trim(request.QueryString("username"))
set rs = server.CreateObject("ADODB.Recordset")
sql = "select * from User where User_Name = '"&username&"' order by User_Id desc"
rs.open sql,conn,1,2
if rs.eof then
str = "document.getElementById('lblusername').innerHTML = '该用户名尚未注册!';"
else
str="document.getElementById('lblusername').innerHTML = '该用户已经注册!';"
end if
'set rs=nothing
'set conn = nothing
response.Write str
%>
好了,代码很简单,给大家做一个参考,由于本人还是一名小菜鸟,所以还需各位大虾多多提携啊.....
|