使用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 相关文章推荐
ajax不执行success回调而是执行了error回调
Dec 10 Javascript
JavaScript实现的购物车效果可以运用在好多地方
May 09 Javascript
JavaScript实现继承的4种方法总结
Oct 16 Javascript
介绍JavaScript的一个微型模版
Jun 24 Javascript
JavaScript创建对象的方式小结(4种方式)
Dec 17 Javascript
最佳的JavaScript错误处理实践
Jul 16 Javascript
AngularJS通过$location获取及改变当前页面的URL
Sep 23 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
vue 实现 ios 原生picker 效果及实现思路解析
Dec 06 Javascript
webpack-dev-server自动更新页面方法
Feb 22 Javascript
详解Webpack多环境代码打包的方法
Aug 03 Javascript
vue.js watch经常失效的场景与解决方案
Jan 07 Vue.js
从数据结构的角度分析 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/04 PHP
php简单判断两个字符串是否相等的方法
2015/07/13 PHP
php技术实现加载字体并保存成图片
2015/07/27 PHP
php文件上传类的分享
2017/07/06 PHP
利用Dojo和JSON建立无限级AJAX动态加载的功能模块树
2007/03/24 Javascript
javascript new fun的执行过程
2010/08/05 Javascript
基于JQuery的日期联动实现代码
2011/02/24 Javascript
JS事件在IE与FF中的区别详细解析
2013/11/20 Javascript
javascript实现瀑布流自适应遇到的问题及解决方案
2015/01/28 Javascript
javascript实现百度地图鼠标滑动事件显示、隐藏
2015/04/02 Javascript
jquery html动态添加的元素绑定事件详解
2016/05/24 Javascript
Angularjs的Controller间通信机制实例分析
2016/11/07 Javascript
JavaScript Base64 作为文件上传的实例代码解析
2017/02/14 Javascript
浅谈node中的exports与module.exports的关系
2017/08/01 Javascript
jQuery实现的事件绑定功能基本示例
2017/10/11 jQuery
JavaScript中严格判断NaN的方法
2018/02/16 Javascript
浅谈Fetch 数据交互方式
2018/12/20 Javascript
Next.js实现react服务器端渲染的方法示例
2019/01/06 Javascript
JavaScript禁用右键单击优缺点分析
2019/01/20 Javascript
谈谈为什么你的 JavaScript 代码如此冗长
2019/01/30 Javascript
在Python的gevent框架下执行异步的Solr查询的教程
2015/04/16 Python
python处理按钮消息的实例详解
2017/07/11 Python
pycharm 将django中多个app放到同个文件夹apps的处理方法
2018/05/30 Python
Python统计文本词汇出现次数的实例代码
2020/02/27 Python
Pycharm IDE的安装和使用教程详解
2020/04/30 Python
python反扒机制的5种解决方法
2021/02/06 Python
护理实习自我鉴定
2013/12/14 职场文书
省三好学生申请材料
2014/01/22 职场文书
文明学生事迹材料
2014/01/29 职场文书
一年级班主任感言
2014/03/08 职场文书
公司寄语大全
2014/04/10 职场文书
向国旗敬礼活动小结
2014/09/27 职场文书
小型婚礼主持词
2015/06/30 职场文书
2015秋季幼儿园开学通知
2015/07/16 职场文书
导游词之贵州百里杜鹃
2019/10/29 职场文书
使用Ajax实现进度条的绘制
2022/04/07 Javascript