使用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 相关文章推荐
关于document.cookie的使用javascript
Oct 29 Javascript
iframe 父窗口和子窗口相互的调用方法集锦
Dec 15 Javascript
仅img元素创建后不添加到文档中会执行onload事件的解决方法
Jul 31 Javascript
IE与Firefox在JavaScript上的7个不同句法分享
Oct 30 Javascript
网页下载文件期间如何防止用户对网页进行其他操作
Jun 27 Javascript
jQuery获取节点和子节点文本的方法
Jul 22 Javascript
简单谈谈jQuery(function(){})与(function(){})(jQuery)
Dec 19 Javascript
jQuery中on()方法用法实例详解
Feb 06 Javascript
让图片跳跃起来  javascript图片轮播特效
Feb 16 Javascript
jQuery实现动态添加tr到table的方法
Dec 26 Javascript
vue.js的computed,filter,get,set的用法及区别详解
Mar 08 Javascript
RxJS在TypeScript中的简单使用详解
Apr 13 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中3种方法统计字符串中每种字符的个数并排序
2012/08/27 PHP
php while循环得到循环次数
2013/10/26 PHP
8个必备的PHP功能实例代码
2013/10/27 PHP
PHP采集类Snoopy抓取图片实例
2014/06/19 PHP
ThinkPHP内置jsonRPC的缺陷分析
2014/12/18 PHP
详解WordPress开发中wp_title()函数的用法
2016/01/07 PHP
PHP数学运算与数据处理实例分析
2016/04/01 PHP
总结一些PHP中好用但又容易忽略的小知识
2017/06/02 PHP
PHP的mysqli_set_charset()函数讲解
2019/01/23 PHP
laravel框架select2多选插件初始化默认选中项操作示例
2020/02/18 PHP
js split 的用法和定义 js split分割字符串成数组的实例代码
2012/05/13 Javascript
深入理解JSON数据源格式
2014/01/10 Javascript
详解Javascript中的原型OOP
2016/10/12 Javascript
JavaScript交换两个变量值的七种解决方案
2016/12/01 Javascript
JS倒计时实例_天时分秒
2017/08/22 Javascript
微信小程序的生命周期的详解
2017/10/19 Javascript
js实现前面自动补全位数的方法
2018/10/10 Javascript
vue和better-scroll实现列表左右联动效果详解
2019/04/29 Javascript
vue中如何实现后台管理系统的权限控制的方法步骤
2019/09/05 Javascript
layui实现二维码弹窗、并下载到本地的方法
2019/09/25 Javascript
详解Vue 项目中的几个实用组件(ts)
2019/10/29 Javascript
ES6函数和数组用法实例分析
2020/05/23 Javascript
JavaScript浅层克隆与深度克隆示例详解
2020/09/01 Javascript
python压缩文件夹内所有文件为zip文件的方法
2015/06/20 Python
Python最火、R极具潜力 2017机器学习调查报告
2017/12/11 Python
python3爬虫之设计签名小程序
2018/06/19 Python
Python面向对象类的继承实例详解
2018/06/27 Python
Python+Xlwings 删除Excel的行和列
2020/12/19 Python
函授毕业自我鉴定
2013/12/19 职场文书
机关作风建设整改方案
2014/10/27 职场文书
2014年学校党建工作汇报材料
2014/11/02 职场文书
长城英文导游词
2015/01/30 职场文书
高考作弊检讨书1500字
2015/02/16 职场文书
公司回复函格式
2015/07/14 职场文书
六年级作文之自救
2019/12/19 职场文书
CSS filter 有什么神奇用途
2021/05/25 HTML / CSS