使用jquery实现简单的ajax
使用jquery实现简单的ajax
发布时间:2016-12-30 来源:查字典编辑
摘要:-->html页复制代码代码如下:用户名校验实例用户名校验的jax实例—>js页复制代码代码如下:functionverify(){$("#...

-->html页

复制代码 代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<title>用户名校验实例</title>

<script src="../js/jquery-1.7.2.js" type="text/javascript"></script>

<script src="../js/verify.js" type="text/javascript"></script>

</head>

<body onload="verify()">

用户名校验的jax实例

<>

<input type="text" value="" id="userName" />

<input type="button" value="提交"/>

<>

<div id="result"></div>

<->

</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页

复制代码 代码如下:

<%

Response.Clear();

string str_name = Request["userobj"];

if (str_name == "xtyang")

{

Response.Write("ok");

}

else

{

Response.Write("no");

}

Response.End();

%>

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类