使用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 相关文章推荐
屏蔽Flash右键信息的js代码
Jan 17 Javascript
jquery ajax中使用jsonp的限制解决方法
Nov 22 Javascript
浅析JavaScript中的类型和对象
Nov 29 Javascript
使用js判断控件是否获得焦点
Jan 03 Javascript
js动态创建标签示例代码
Jun 09 Javascript
node.js中的fs.mkdir方法使用说明
Dec 17 Javascript
Vue.js第四天学习笔记(组件)
Dec 02 Javascript
angularJS利用ng-repeat遍历二维数组的实例代码
Jun 03 Javascript
基于JavaScript实现多级菜单效果
Jul 25 Javascript
Vue点击切换颜色的方法
Sep 13 Javascript
微信小程序自定义弹出模态框禁止底部滚动功能
Mar 09 Javascript
解决elementui表格操作列自适应列宽
Dec 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
模仿OSO的论坛(一)
2006/10/09 PHP
PHP 地址栏信息的获取代码
2009/01/07 PHP
Zend Framework动作助手(Zend_Controller_Action_Helper)用法详解
2016/03/05 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
Laravel框架基于ajax实现二级联动功能示例
2019/01/17 PHP
基于Laravel 多个中间件的执行顺序详解
2019/10/21 PHP
document.all还是document.getElementsByName?
2006/07/21 Javascript
两种简单实现菜单高亮显示的JS类代码
2010/06/27 Javascript
dojo学习第二天 ajax异步请求之绑定列表
2011/08/29 Javascript
js实现禁止中文输入的方法
2015/01/14 Javascript
jQuery数据缓存用法分析
2015/02/20 Javascript
JavaScript里四舍五入函数round用法实例
2015/04/06 Javascript
常用jQuery代码分享
2015/07/14 Javascript
基于jQuery实现的美观星级评论打分组件代码
2015/10/30 Javascript
AngularJS基础 ng-cut 指令介绍及简单示例
2016/08/01 Javascript
Node.js自定义实现文件路由功能
2017/09/22 Javascript
Java设计中的Builder模式的介绍
2018/03/22 Javascript
详解封装基础的angular4的request请求方法
2018/06/05 Javascript
Vue2.0仿饿了么webapp单页面应用详细步骤
2018/07/08 Javascript
vue axios数据请求及vue中使用axios的方法
2018/09/10 Javascript
解决Vue.js父组件$on无法监听子组件$emit触发事件的问题
2018/09/12 Javascript
微信小程序实现自动定位功能
2018/10/31 Javascript
Vue实现图书管理案例
2021/01/20 Vue.js
[58:11]守擂赛第二周擂主赛 DeMonsTer vs Leopard
2020/04/28 DOTA
Python中的字典与成员运算符初步探究
2015/10/13 Python
python处理Excel xlrd的简单使用
2017/09/12 Python
pyqt5与matplotlib的完美结合实例
2019/06/21 Python
Python os库常用操作代码汇总
2020/11/03 Python
美国在线印刷公司:PsPrint
2017/10/12 全球购物
拉斯维加斯城市观光通行证:Las Vegas Pass
2019/05/21 全球购物
程序运行正确, 但退出时却"core dump"了,怎么回事
2014/02/19 面试题
财务管理职业生涯规划范文
2013/12/27 职场文书
工商企业管理应届生求职信
2014/05/04 职场文书
2014个人反腐倡廉思想汇报
2014/09/15 职场文书
与死神共舞观后感
2015/06/15 职场文书
Spring中bean集合注入的方法详解
2022/07/07 Java/Android