本篇文章是对用jquery实现简单的ajax的实现方法进行了详细的分析介绍
需要的朋友参考下
>html页
复制代码 代码如下:
<!DOCTYPE html PUBLIC "
//W
C//DTD XHTML
Transitional//EN" "
<html xmlns="
<head>
<title>用户名校验实例</title>
<script src="
/js/jquery
js" type="text/javascript"></script>
<script src="
/js/verify
js" type="text/javascript"></script>
</head>
<body onload="verify()">
用户名校验的jax实例
<!
ajax方式下不需要使用表单进行数据提交
因此不用写表单
>
<input type="text" value="" id="userName" />
<input type="button" value="提交" onclick=""/>
<!
预留空间
显示结果
>
<div id="result"></div>
<!
div is block
but span is inline
>
</body>
</html>
—>js页
复制代码 代码如下:
function verify() {
$("#userName")
keyup(function () {
var user = $(this)
val();
var userobj = $(this);
$
post("
/index
aspx"
{ userobj: user }
callback);
});
}
function callback(data) {
$("#result")
text(data);
}
—>aspx页
复制代码 代码如下:
<%
ResponseClear();
string str_name = Request["userobj"];
if (str_name == "xtyang")
{
ResponseWrite("ok");
}
else
{
ResponseWrite("no");
}
ResponseEnd();
%>
