编程 Javascript

使用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();      
  %>

使用jquery实现简单的ajax

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

一个简单的js渐显(fadeIn)渐隐(fadeOut)类

Jun 19 Javascript

JS控制图片等比例缩放的示例代码

Dec 24 Javascript

JavaScript中的prototype.bind()方法介绍

Apr 04 Javascript

我的Node.js学习之路（二）NPM模块管理

Jul 06 Javascript

jquery利用命名空间移除绑定事件的方法

Mar 11 Javascript

JavaScript中匿名函数的用法及优缺点详解

Jun 01 Javascript

详解Node.js：events事件模块

Nov 24 Javascript

node下使用UglifyJS压缩合并JS文件的方法

Mar 07 Javascript

详解使用vue-admin-template的优化历程

May 20 Javascript

如何能分清npm cnpm npx nvm

Jan 17 Javascript

Vue2.0实现简单分页及跳转效果

Jul 29 Javascript

JavaScript实现猜数字游戏

May 20 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 strtotime 函数UNIX时间戳

2009/01/14 PHP

php异常处理使用示例

2014/02/25 PHP

Yii2框架实现登录、退出及自动登录功能的方法详解

2017/10/24 PHP

php 调用百度sms来发送短信的实现示例

2018/11/02 PHP

解决laravel 出现ajax请求419(unknown status)的问题

2019/09/03 PHP

jQuery实现切换页面布局使用介绍

2011/10/09 Javascript

IE6-IE9不支持table.innerHTML的解决方法分享

2012/09/14 Javascript

jQuery的控件及事件(输入控件及回车事件)使用示例

2013/07/25 Javascript

js setTimeout 参数传递使用介绍

2013/08/13 Javascript

js实现格式化金额,字符,时间的方法

2015/02/26 Javascript

详解Angular中$cacheFactory缓存的使用

2016/08/19 Javascript

jQuery购物网页经典制作案例

2016/08/19 Javascript

使用jquery给新生的th绑定hover事件的实例

2017/02/10 Javascript

解决jQuery ajax动态新增节点无法触发点击事件的问题

2017/05/24 jQuery

微信小程序之GET请求的实例详解

2017/09/29 Javascript

JavaScript实用代码小技巧

2018/08/23 Javascript

浅析Vue.js 中的条件渲染指令

2018/11/19 Javascript

vue slot与传参实例代码讲解

2019/04/28 Javascript

vue实现前台列表数据过滤搜索、分页效果

2019/05/28 Javascript

vue滚动固定顶部及修改样式的实例代码

2019/05/30 Javascript

使用Node.js实现base64和png文件相互转换的方法

2020/03/11 Javascript

Vue执行方法,方法获取data值,设置data值,方法传值操作

2020/08/05 Javascript

javascript前端和后台进行数据交互方法示例

2020/08/07 Javascript

优化Python代码使其加快作用域内的查找

2015/03/30 Python

Python构建网页爬虫原理分析

2017/12/19 Python

Python编程深度学习计算库之numpy

2018/12/28 Python

python登录WeChat 实现自动回复实例详解

2019/05/28 Python

django url到views参数传递的实例

2019/07/19 Python

学习python需要有编程基础吗

2020/06/02 Python

详解使用python爬取抖音app视频(appium可以操控手机)

2021/01/26 Python

Myprotein西班牙官网：欧洲第一大运动营养品牌

2020/02/24 全球购物

土建专业毕业生自荐书

2014/07/04 职场文书

党支部创先争优活动总结

2014/08/28 职场文书

群众路线学习心得体会范文

2014/11/05 职场文书

2015年试用期工作总结

2014/12/12 职场文书

关于学习的决心书

2015/02/05 职场文书