手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >使用jquery实现简单的ajax
使用jquery实现简单的ajax
摘要:-->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();

%>

【使用jquery实现简单的ajax】相关文章:

javascript实现简单的省市区三级联动

基于jquery实现下拉框美化特效

jQuery实现延迟跳转的方法

js实现键盘Enter键提交表单的方法

jquery实现弹出层效果实例

javascript实现树形菜单的方法

使用node+vue.js实现SPA应用

jQuery实现不断闪烁文字的方法

javascript实现简单的进度条

jQuery实现在列表的首行添加数据

精品推荐
分类导航