使用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 相关文章推荐
Jquery Ajax学习实例 向页面发出请求,返回XML格式数据
Mar 14 Javascript
使用Microsoft Ajax Minifier减小JavaScript文件大小的方法
Apr 01 Javascript
元素未显示设置width/height时IE中使用currentStyle获取为auto
May 04 Javascript
jQuery过滤选择器用法分析
Feb 10 Javascript
基于Vue.js的表格分页组件
May 22 Javascript
jQuery实现链接的title快速出现的方法
Feb 20 Javascript
用JavaScript和jQuery实现瀑布流
Mar 19 Javascript
JavaScript实现简单的四则运算计算器完整实例
Apr 28 Javascript
Django中使用jquery的ajax进行数据交互的实例代码
Oct 15 jQuery
20道JS原理题助你面试一臂之力(必看)
Jul 22 Javascript
Vue 中 template 有且只能一个 root的原因解析(源码分析)
Apr 11 Javascript
jQuery实现购物车全功能
Jan 11 jQuery
从数据结构的角度分析 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
微信公众平台之快递查询功能用法实例
2015/04/14 PHP
PHP入门教程之数学运算技巧总结
2016/09/11 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
Extjs TimeField 显示正常时间格式的代码
2011/06/28 Javascript
用原生JavaScript实现jQuery的$.getJSON的解决方法
2013/05/03 Javascript
浅析ajax请求json数据并用js解析(示例分析)
2013/07/13 Javascript
解决Jquery向页面append新元素之后事件的绑定问题
2015/03/16 Javascript
javascript中关于&amp;&amp; 和 || 表达式的小技巧分享
2015/04/10 Javascript
使用jspdf生成pdf报表
2015/07/03 Javascript
javascript中eval解析JSON字符串
2016/02/27 Javascript
BootStrap中按钮点击后被禁用按钮的最佳实现方法
2016/09/23 Javascript
浅谈$_FILES数组为空的原因
2017/02/16 Javascript
微信小程序 页面传值详解
2017/03/10 Javascript
使用 Vue.js 仿百度搜索框的实例代码
2017/05/09 Javascript
React如何利用相对于根目录进行引用组件详解
2017/10/09 Javascript
利用vue组件自定义v-model实现一个Tab组件方法示例
2017/12/06 Javascript
使用vue-cli编写vue插件的方法
2018/02/26 Javascript
javascript匿名函数中的'return function()'作用
2018/10/15 Javascript
javascript+HTML5 canvas绘制时钟功能示例
2019/05/15 Javascript
浅谈layui 绑定form submit提交表单的注意事项
2019/10/25 Javascript
[02:23]DOTA2英雄基础教程 幻影长矛手
2013/12/09 DOTA
[03:56]还原FTP电影首映式 DOTA2群星拼出遗迹世界
2014/03/26 DOTA
[01:01:14]完美世界DOTA2联赛PWL S2 SZ vs Rebirth 第一场 11.21
2020/11/23 DOTA
python字符串str和字节数组相互转化方法
2017/03/18 Python
一个Python最简单的接口自动化框架
2018/01/02 Python
TensorFlow索引与切片的实现方法
2019/11/20 Python
TensorFlow学习之分布式的TensorFlow运行环境
2020/02/05 Python
Python selenium环境搭建实现过程解析
2020/09/08 Python
Fairyseason:为个人和批发商提供女装和配件
2017/03/01 全球购物
Tarte Cosmetics官网:美国最受欢迎的化妆品公司之一
2017/08/24 全球购物
高性能钓鱼服装:Huk Gear
2019/02/20 全球购物
外企办公室竞聘演讲稿
2013/12/29 职场文书
关于礼仪的演讲稿
2014/01/04 职场文书
奉献爱心演讲稿
2014/09/04 职场文书
2015年爱牙日活动总结
2015/02/05 职场文书
工作调动申请报告
2015/05/18 职场文书