使用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类
Sep 08 Javascript
extjs form textfield的隐藏方法
Dec 29 Javascript
Jquery中获取iframe的代码
Jan 11 Javascript
jquery表格内容筛选实现思路及代码
Apr 16 Javascript
jQuery写fadeTo示例代码
Feb 21 Javascript
js判断字符长度及中英文数字等
Mar 19 Javascript
Jquery实现由下向上展开效果的例子
Dec 08 Javascript
vue项目中使用axios上传图片等文件操作
Nov 02 Javascript
Node.js中DNS模块学习总结
Feb 28 Javascript
js实现京东秒杀倒计时功能
Jan 21 Javascript
vue改变对象或数组时的刷新机制的方法总结
Apr 24 Javascript
详解Angular Karma测试的持续集成实践
Nov 15 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 无极分类(递归)实现代码
2010/01/05 PHP
PHP 关于访问控制的和运算符优先级介绍
2013/07/08 PHP
简单谈谈php浮点数精确运算
2016/03/10 PHP
用cssText批量修改样式
2009/08/29 Javascript
JS继承用法实例分析
2015/02/05 Javascript
javascript实现汉字转拼音代码分享
2015/04/20 Javascript
JS+CSS实现鼠标滑过时动态翻滚的导航条效果
2015/09/24 Javascript
js表单元素checked、radio被选中的几种方法(详解)
2016/08/22 Javascript
微信小程序使用第三方库Underscore.js步骤详解
2016/09/27 Javascript
jQuery实现隔行变色的方法分析(对比原生JS)
2016/11/18 Javascript
JS实现重新加载当前页面或者父页面的几种方法
2016/11/30 Javascript
原生JS实现左右箭头选择日期实例代码
2017/03/14 Javascript
JavaScript之class继承_动力节点Java学院整理
2017/07/03 Javascript
基于JavaScript实现淘宝商品广告效果
2017/08/10 Javascript
用ES6写全屏滚动插件的示例代码
2018/05/02 Javascript
vue-router传递参数的几种方式实例详解
2018/11/13 Javascript
vue-openlayers实现地图坐标弹框效果
2020/09/24 Javascript
解决基于 keep-alive 的后台多级路由缓存问题
2020/12/23 Javascript
Python中Django 后台自定义表单控件
2017/03/28 Python
django 控制页面跳转的例子
2019/08/06 Python
浅谈tensorflow之内存暴涨问题
2020/02/05 Python
python实现超级玛丽游戏
2020/03/18 Python
Django中Aggregation聚合的基本使用方法
2020/07/09 Python
python实现模拟器爬取抖音评论数据的示例代码
2021/01/06 Python
浅析移动设备HTML5页面布局
2015/12/01 HTML / CSS
canvas 如何绘制线段的实现方法
2018/07/12 HTML / CSS
canvas 橡皮筋式线条绘图应用方法
2019/02/13 HTML / CSS
Bloomingdale’s阿联酋:选购奢华时尚、美容及更多
2020/09/22 全球购物
2014年国培研修感言
2014/03/09 职场文书
党建工作先进材料
2014/05/02 职场文书
优秀党支部书记事迹材料
2014/05/29 职场文书
2015建军节87周年演讲稿
2015/03/19 职场文书
2015年爱国卫生月活动总结
2015/03/26 职场文书
英文投诉信格式
2015/07/03 职场文书
css 边框添加四个角的实现代码
2021/10/16 HTML / CSS
图文详解nginx日志切割的实现
2022/01/18 Servers