使用jquery实现简单的ajax


Posted in Javascript onJuly 08, 2013

-->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实例
  <!--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页
<% 
  Response.Clear();
  string str_name = Request["userobj"];
  if (str_name == "xtyang")
  {      Response.Write("ok");
  }
  else
  {
      Response.Write("no");
  }
  Response.End();      
  %>

Javascript 相关文章推荐
javascript prototype原型操作笔记
Dec 07 Javascript
jQuery队列控制方法详解queue()/dequeue()/clearQueue()
Dec 02 Javascript
前端jquery部分很精彩
May 03 Javascript
浅谈JavaScript正则表达式-非捕获性分组
Mar 08 Javascript
利用vue+elementUI实现部分引入组件的方法详解
Nov 22 Javascript
微信小程序实现给嵌套template模板传递数据的方式总结
Dec 18 Javascript
详解layui弹窗父子窗口之间传参数的方法
Jan 16 Javascript
Vue项目引进ElementUI组件的方法
Nov 11 Javascript
详解JS浏览器事件循环机制
Mar 27 Javascript
Vue.js数字输入框组件使用方法详解
Oct 19 Javascript
bootstrapValidator表单校验、更改状态、新增、移除校验字段的实例代码
May 19 Javascript
OpenLayers3实现鼠标移动显示坐标
Sep 25 Javascript
从数据结构的角度分析 for each in 比 for in 快的多
Jul 07 #Javascript
JavaScript 上万关键字瞬间匹配实现代码
Jul 07 #Javascript
20行代码实现的一个CSS覆盖率测试脚本
Jul 07 #Javascript
在JavaScript里嵌入大量字符串常量的实现方法
Jul 07 #Javascript
JQuery表格内容过滤的实现方法
Jul 05 #Javascript
JS动态创建Table,Tr,Td并赋值的具体实现
Jul 05 #Javascript
Javascript实现动态菜单添加的实例代码
Jul 05 #Javascript
You might like
smarty巧妙处理iframe中内容页的代码
2012/03/07 PHP
PHP+MySQL修改记录的方法
2015/01/21 PHP
PHP使用mkdir创建多级目录的方法
2015/12/22 PHP
ThinkPHP中session函数详解
2016/09/14 PHP
php事件驱动化设计详解
2016/11/10 PHP
jqPlot jquery的页面图表绘制工具
2009/07/25 Javascript
Javascript this 的一些学习总结
2012/08/02 Javascript
JS分页控件 可用于无刷新分页
2013/07/23 Javascript
jQuery中noconflict函数的实现原理分解
2015/02/03 Javascript
JavaScript判断字符长度、数字、Email、电话等常用判断函数分享
2015/04/01 Javascript
js实现键盘上下左右键选择文字并显示在文本框的方法
2015/05/07 Javascript
深入理解(function(){... })();
2016/08/16 Javascript
JS判断两个对象内容是否相等的方法示例
2017/04/10 Javascript
实例分析JS与Node.js中的事件循环
2017/12/12 Javascript
vue项目打包之开发环境和部署环境的实现
2020/04/23 Javascript
node.js如何根据URL返回指定的图片详解
2020/10/21 Javascript
[03:21]辉夜杯主赛事 12月25日TOP5
2015/12/26 DOTA
[02:49]2018DOTA2亚洲邀请赛主赛事决赛日战况回顾 Mineski鏖战5局夺得辉耀
2018/04/10 DOTA
python中二维阵列的变换实例
2014/10/09 Python
python下paramiko模块实现ssh连接登录Linux服务器
2015/06/03 Python
Python抽象类的新写法
2015/06/18 Python
Python解析excel文件存入sqlite数据库的方法
2016/11/15 Python
python决策树之CART分类回归树详解
2017/12/20 Python
对Python中的条件判断、循环以及循环的终止方法详解
2019/02/08 Python
python issubclass 和 isinstance函数
2019/07/25 Python
python修改FTP服务器上的文件名
2019/09/11 Python
python实现扫雷小游戏
2020/04/24 Python
python实现逢七拍腿小游戏的思路详解
2020/05/26 Python
详解python算法常用技巧与内置库
2020/10/17 Python
HTML5梦幻之旅——炫丽的流星雨效果实现过程
2013/08/06 HTML / CSS
枚举与#define宏的区别
2014/04/30 面试题
自动化专业毕业生求职信
2014/06/18 职场文书
乡领导班子四风问题对照检查材料
2014/09/25 职场文书
2015年重阳节活动总结
2015/03/24 职场文书
2015小学教师年度考核工作总结
2015/05/12 职场文书
狂人日记读书笔记
2015/06/30 职场文书