使用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 相关文章推荐
xml文档转换工具,附图表例子(hta)
Nov 17 Javascript
解析Jquery中如何把一段html代码动态写入到DIV中(实例说明)
Jul 09 Javascript
通过$(this)使用jQuery包装后的方法或属性
May 18 Javascript
jquery操作checked属性以及disabled属性的多种方法
Jun 20 Javascript
jQuery封装的tab选项卡插件分享
Jun 16 Javascript
深入理解jQuery之防止冒泡事件
May 24 Javascript
利用Angular+Angular-Ui实现分页(代码加简单)
Mar 10 Javascript
详解微信开发中snsapi_base和snsapi_userinfo及静默授权的实现
Mar 11 Javascript
使用Vue自定义数字键盘组件(体验度极好)
Dec 19 Javascript
jQuery阻止事件冒泡实例分析
Jul 03 jQuery
微信小程序实现滴滴导航tab切换效果
Jul 24 Javascript
Webpack的Loader和Plugin的区别
Nov 09 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
[原创]php获取数组中键值最大数组项的索引值
2015/03/17 PHP
PHP中使用Memache作为进程锁的操作类分享
2015/03/30 PHP
php中关于socket的系列函数总结
2015/05/18 PHP
php实现xml与json之间的相互转换功能实例
2016/07/07 PHP
PHP中类型转换 ,常量,系统常量,魔术常量的详解
2017/10/26 PHP
用正则获取指定路径文件的名称
2007/02/27 Javascript
学习ExtJS 访问容器对象
2009/10/07 Javascript
Javascript的一种模块模式
2010/09/08 Javascript
JavaScript在XHTML中的用法详解
2013/04/11 Javascript
浅谈javascript属性onresize
2015/04/20 Javascript
ECharts仪表盘实例代码(附源码下载)
2016/02/18 Javascript
JS简单编号生成器实现方法(附demo源码下载)
2016/04/05 Javascript
微信开发之调起摄像头、本地展示图片、上传下载图片实例
2016/12/08 Javascript
深入探究node之Transform
2017/07/20 Javascript
详解vue-meta如何让你更优雅的管理头部标签
2018/01/18 Javascript
vue中uni-app 实现小程序登录注册功能
2019/10/12 Javascript
微信小程序自定义菜单切换栏tabbar组件代码实例
2019/12/30 Javascript
jQuery--遍历操作实例小结【后代、同胞及过滤】
2020/05/22 jQuery
Python xlwt设置excel单元格字体及格式
2020/04/18 Python
使用python对文件中的单词进行提取的方法示例
2018/12/21 Python
python匹配两个短语之间的字符实例
2018/12/25 Python
Python中字符串与编码示例代码
2019/05/20 Python
Pandas DataFrame中的tuple元素遍历的实现
2019/10/23 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
用python实现名片管理系统
2020/06/18 Python
css3实现wifi信号逐渐增强效果实例
2017/08/09 HTML / CSS
法国购买二手电子产品网站:Asgoodasnew
2020/03/27 全球购物
优秀求职信范文分享
2014/01/26 职场文书
开朗女孩的自我评价
2014/02/10 职场文书
财务总经理岗位职责
2014/02/16 职场文书
2014年五一活动策划方案
2014/03/15 职场文书
2014年仓库管理员工作总结
2014/11/18 职场文书
因家庭原因离职的辞职信范文
2015/05/12 职场文书
居委会工作总结2015
2015/05/18 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书
导游词之介休绵山
2019/12/31 职场文书