使用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检查浏览器是否支持flash的实现代码
Aug 14 Javascript
FF(火狐)浏览器无法执行window.close()解决方案
Nov 13 Javascript
Jquery对象和Dom对象的区别分析
Nov 20 Javascript
jquery实现勾选复选框触发事件给input赋值
Feb 01 Javascript
详解JavaScript中的构造器Constructor模式
Jan 14 Javascript
用v-html解决Vue.js渲染中html标签不被解析的问题
Dec 14 Javascript
vuejs2.0运用原生js实现简单的拖拽元素功能示例
Feb 24 Javascript
一个简单的node.js界面实现方法
Jun 01 Javascript
Vue源码探究之状态初始化
Nov 14 Javascript
详解微信小程序框架wepy踩坑记录(与vue对比)
Mar 12 Javascript
JS实现checkbox互斥(单选)功能示例
May 04 Javascript
vue中实现图片压缩 file文件的方法
May 28 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产生随机数的两种方法实例代码 输出随机IP
2011/04/08 PHP
php 定界符格式引起的错误
2011/05/24 PHP
解决cPanel无法安装php5.2.17
2014/06/22 PHP
php目录遍历函数opendir用法实例
2014/11/20 PHP
Laravel重写用户登录简单示例
2016/10/08 PHP
关于PHP求解三数之和问题详析
2020/11/09 PHP
js 金额文本框实现代码
2012/02/14 Javascript
js日期时间补零的小例子
2013/03/05 Javascript
javaScript 动态访问JSon元素示例代码
2013/08/30 Javascript
jQuery实现的导航条切换可显示隐藏
2014/10/22 Javascript
JS打开新窗口防止被浏览器阻止的方法
2015/01/03 Javascript
bootstrap table实例详解
2017/01/06 Javascript
原生JS改变透明度实现轮播效果
2017/03/24 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
在vue项目中引用Iview的方法
2018/09/14 Javascript
Vue.js轮播图走马灯代码实例(全)
2019/05/08 Javascript
vue移动端下拉刷新和上滑加载
2020/10/27 Javascript
[10:04]国际邀请赛采访专栏:DK.Farseer,mouz.Black^,采访员Josh专访
2013/08/05 DOTA
Python转码问题的解决方法
2008/10/07 Python
Python break语句详解
2014/03/11 Python
跟老齐学Python之赋值,简单也不简单
2014/09/24 Python
Python3里的super()和__class__使用介绍
2015/04/23 Python
详解Python设计模式之策略模式
2020/06/15 Python
微软英国官方网站:Microsoft英国
2016/10/15 全球购物
英国二手iPhone、音乐、电影和游戏商店:musicMagpie
2018/10/26 全球购物
几道PHP面试题
2013/04/14 面试题
北京华建集团SQL面试题
2014/06/03 面试题
日语求职信范文
2013/12/17 职场文书
家长给小学生的评语
2014/01/30 职场文书
个人简历自我评价
2014/02/02 职场文书
2014年元旦活动方案
2014/02/15 职场文书
职称评定自我鉴定
2014/03/18 职场文书
2016年幼儿园教研活动总结
2016/04/05 职场文书
导游词之宿迁乾隆行宫
2019/10/15 职场文书
《初涉尘世》读后感3篇
2020/01/10 职场文书
Win11使用CAD卡顿或者致命错误怎么办?Win11无法正常使用CAD的解决方法
2022/07/23 数码科技