使用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 异步方法队列链实现代码分析
Jun 05 Javascript
JavaScript 原型学习总结
Oct 29 Javascript
ExtJS4 Grid改变单元格背景颜色及Column render学习
Feb 06 Javascript
JS取文本框中最小值的简单实例
Nov 29 Javascript
js中实现多态采用和继承类似的方法
Aug 22 Javascript
JavaScript判断textarea值是否为空并给出相应提示
Sep 04 Javascript
jquery事件的ready()方法使用详解
Nov 11 Javascript
JavaScript通过使用onerror设置默认图像显示代替alt
Mar 01 Javascript
jQuery学习之DOM节点的插入方法总结
Jan 22 Javascript
jQuery中.attr()和.data()的区别分析
Sep 03 jQuery
Vue+element-ui 实现表格的分页功能示例
Aug 18 Javascript
webpack4简单入门实例
Sep 06 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实现将浏览历史页面网址保存到cookie的方法
2015/01/26 PHP
Symfony2获取web目录绝对路径、相对路径、网址的方法
2016/11/14 PHP
php实现base64图片上传方式实例代码
2017/02/22 PHP
IE中jscript/javascript的条件编译
2006/09/07 Javascript
jQuery入门知识简介
2010/03/04 Javascript
Web Inspector:关于在 Sublime Text 中调试Js的介绍
2013/04/18 Javascript
JS自调用匿名函数具体实现
2014/02/11 Javascript
jQuery实现按键盘方向键翻页特效
2015/03/18 Javascript
JS获取下拉框显示值和判断单选按钮的方法
2015/07/09 Javascript
jquery实现全选、反选、获得所有选中的checkbox
2020/09/13 Javascript
jQuery 获取select选中值及清除选中状态
2016/12/13 Javascript
js实现百度登录框鼠标拖拽效果
2017/03/07 Javascript
Bootstrap 设置datetimepicker在屏幕上面弹出设置方法
2017/03/21 Javascript
详解升级react-router 4 踩坑指南
2017/08/14 Javascript
Three.js开发实现3D地图的实践过程总结
2017/11/20 Javascript
vue实现鼠标经过动画
2019/10/16 Javascript
json_decode 索引为数字时自动排序问题解决方法
2020/03/28 Javascript
vue+ElementUI 关闭对话框清空验证,清除form表单的操作
2020/08/06 Javascript
利用JavaScript模拟京东按键输入功能
2020/12/01 Javascript
举例详解Python中循环语句的嵌套使用
2015/05/14 Python
Python多线程经典问题之乘客做公交车算法实例
2017/03/22 Python
python3+PyQt5+Qt Designer实现扩展对话框
2018/04/20 Python
Python json模块dumps、loads操作示例
2018/09/06 Python
python-tornado的接口用swagger进行包装的实例
2019/08/29 Python
python自动发微信监控报警
2019/09/06 Python
Python容器使用的5个技巧和2个误区总结
2019/09/26 Python
浅谈python之自动化运维(Paramiko)
2020/01/31 Python
通俗讲解python 装饰器
2020/09/07 Python
Python pip 常用命令汇总
2020/10/19 Python
scrapy头部修改的方法详解
2020/12/06 Python
MoviePy常用剪辑类及Python视频剪辑自动化
2020/12/18 Python
CSS3中利用animation属性创建雪花飘落特效
2014/05/14 HTML / CSS
2014年世界艾滋病日宣传活动总结
2014/11/18 职场文书
面试通知邮件
2015/04/20 职场文书
2015年计划生育协会工作总结
2015/05/13 职场文书
Golang 正则匹配效率详解
2021/04/25 Golang