编程 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 相关文章推荐

javascript 一些用法小结

Sep 11 Javascript

jquery.validate分组验证代码

Mar 17 Javascript

javascript 事件处理示例分享

Dec 31 Javascript

JavaScript中Null与Undefined的区别解析

Jun 30 Javascript

很实用的js选项卡切换效果

Aug 12 Javascript

JS调用打印机功能简单示例

Nov 28 Javascript

基于javascript实现按圆形排列DIV元素(三)

Dec 02 Javascript

jQuery插件HighCharts绘制2D带Label的折线图效果示例【附demo源码下载】

Mar 08 Javascript

理解Angular的providers给Http添加默认headers

Jul 04 Javascript

vue如何自动化打包测试环境和正式环境的dist/test文件

Jun 06 Javascript

微信小程序iBeacon测距及稳定程序的实现解析

Jul 31 Javascript

layui多图上传实现删除功能的例子

Sep 23 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

德生9700DX电路分析

2021/03/02 无线电

一个典型的PHP分页实例代码分享

2011/07/28 PHP

PHP递归调用的小技巧讲解

2013/02/19 PHP

PHP处理二进制数据的实现方法

2016/06/13 PHP

PHP面向对象继承用法详解(优化与减少代码重复)

2016/12/02 PHP

PHP实现笛卡尔积算法的实例讲解

2019/12/22 PHP

优化innerHTML操作(提高代码执行效率)

2011/08/20 Javascript

jQuery获得内容和属性示例代码

2014/01/16 Javascript

ext中store.load跟store.reload的区别示例介绍

2014/06/17 Javascript

node.js中的console.time方法使用说明

2014/12/09 Javascript

浅谈js里面的InttoStr和StrtoInt

2016/06/14 Javascript

AngularJs bootstrap搭载前台框架——准备工作

2016/09/01 Javascript

利用Javascript仿Excel的数据透视分析功能

2016/09/07 Javascript

jquery与ajax获取特殊字符实例详解

2017/01/08 Javascript

layui文件上传实现代码

2017/05/20 Javascript

vue 登录滑动验证实现代码

2018/08/24 Javascript

js变量值传到php过程详解将php解析成数据

2019/06/26 Javascript

JavaScript实现手机号码 3-4-4格式并控制新增和删除时光标的位置

2020/06/02 Javascript

js+cavans实现图片滑块验证

2020/09/29 Javascript

[01:11:11]Alliance vs RNG 2019国际邀请赛淘汰赛败者组BO1 8.20.mp4

2020/07/19 DOTA

Python的Urllib库的基本使用教程

2015/04/30 Python

python+pyqt实现右下角弹出框

2017/10/26 Python

python实现简单遗传算法

2018/03/19 Python

python利用thrift服务读取hbase数据的方法

2018/12/27 Python

详解Python装饰器

2019/03/25 Python

python3下载抖音视频的完整代码

2019/06/05 Python

Python 安装第三方库 pip install 安装慢安装不上的解决办法

2019/06/18 Python

python数据处理之如何选取csv文件中某几行的数据

2019/09/02 Python

python如何快速生成时间戳

2020/07/21 Python

HTML5中通过li-canvas轻松实现单图、多图、圆角图绘制，单行文字、多行文字等

2018/11/30 HTML / CSS

详解HTML5中ol标签的用法

2015/09/08 HTML / CSS

新闻专业毕业生英文求职信

2014/03/19 职场文书

清明节网上祭英烈活动总结

2014/04/30 职场文书

质监局领导班子践行群众路线整改方案

2014/10/26 职场文书

财务会计求职信范文

2015/03/20 职场文书

MySQL去除重叠时间求时间差和的实现

2021/08/23 MySQL