`

JQery中AJAX的实现

阅读更多

-----------------------------------------------------------------------------------------------------------------------

if (this.timer) clearTimeout(this.timer);

                      this.timer = setTimeout(function () {
                          $.ajax({
                              url: '<%=request.contextPath%>/register/validateUsername',
                              data: 'username=' + usvalue,
                              dataType: 'html',
                              type: 'post',
                              success: function (txt) {

                                     //do something.

                              }
                          });
                      }, 200);
                  }
              }
              this.lastValue = this.value;

-------------------------------------------------------------------------------------------------------------------------

当然,$.ajax中的参数timeout(1000)(即1秒)来定义请求超时时间(毫秒计),此设置将覆盖全局变量。

URL :是发送请求地址。

data :发送到服务器的数据。将自动转换为请求字符串格式。

dataType :预期服务器返回数据类型。

type (默认: "GET") 请求方式 ("POST" 或 "GET"), 默认为 "GET"。

success :是ajax事件。

具体请参看jqery的帮助手册。

 

 

 

 

分享到:
评论

相关推荐

    JQuery中Ajax实现

    ### JQuery中Ajax实现 在现代Web开发中,Ajax(Asynchronous JavaScript and XML)技术被广泛应用于构建响应迅速、用户体验友好的动态网页应用。通过Ajax,Web应用可以无需重新加载整个页面的情况下,仅更新部分...

    jQuery+ajax实现三级级联

    在这个“jQuery+ajax实现三级级联”的实例中,我们主要探讨如何利用这两种技术来创建一个能够逐级联动的下拉菜单系统,这在数据筛选和表单填写中十分常见,如地区选择、部门分类等场景。 首先,jQuery是一个轻量级...

    JQuery+AJAX实现用户名验证

    在“JQuery+AJAX实现用户名验证”的场景中,我们通常会遵循以下步骤: 1. **前端准备**:在HTML页面中,我们需要一个输入框让用户输入用户名,以及一个按钮触发验证。例如: ```html 请输入用户名"&gt; 验证 ``` 2. **...

    jQuery+ajax实现简单登录验证

    在本文中,我们将深入探讨如何使用jQuery和Ajax技术实现一个简单的登录验证系统。这个系统能够实时检查用户输入的用户名和密码是否有效,而无需页面刷新,从而提供更流畅的用户体验。 首先,jQuery是一个轻量级的...

    jQuery的Ajax实现异步传输List、Map

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理和Ajax交互。Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交换,极大地提升...

    jQuery+ajax实现局部刷新的两种方法

    综上所述,使用jQuery和ajax实现局部刷新,可以帮助开发者提高web应用的响应速度和用户体验。通过文中提供的两种方法,我们可以根据实际项目需求,选择适合的实现方式。这些技术的使用,不仅限于个人学习,更是当前...

    jQuery+Ajax实现排序效果

    在"jQuery+Ajax实现排序效果"这个主题中,我们将深入探讨如何利用这两者来实现用户交互性极强的动态排序功能。 首先,jQuery 提供了一种简便的方式来选择DOM元素,例如 `$("#elementID")` 选取ID为`elementID`的...

    JQuery+ajax实现批量上传图片

    具体实现中,我们采用JQuery与Ajax的结合,可以实现在用户界面上实时显示上传进度,提高用户体验。 #### 三、关键技术点分析 1. **动态生成DOM元素**:为了支持批量上传,我们需要动态生成多个文件输入框和对应的...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    Jquery_ajax实现搜索

    在网页开发中,jQuery AJAX 是一种非常常用的技术,它允许我们实现异步数据交互,无需刷新整个页面即可从服务器获取或发送数据。本教程将详细讲解如何使用 jQuery AJAX 实现搜索功能。 首先,理解 AJAX...

    基于jQuery的Ajax聊天室程序

    在这个聊天室程序中,jQuery库被用来简化Ajax的使用,使得开发者能更轻松地实现这一功能。 1. **jQuery**:jQuery是一个快速、简洁的JavaScript库,它简化了HTML文档遍历、事件处理、动画以及Ajax交互。在本聊天室...

    Jquery+ajax+php+mysql数据库实现用户注册登录

    在本项目中,"Jquery+ajax+php+mysql数据库实现用户注册登录"是一个典型的Web...总结来说,这个项目涉及了前端用户界面的设计、Ajax实现的无刷新登录验证、PHP后端处理和MySQL数据库操作,是Web开发中的典型应用实例。

    利用jquery以及ajax实现树结构

    总结,利用jQuery和AJAX实现树结构涉及DOM操作、事件处理、异步数据交互等多个方面,通过合理的代码组织和优化,可以创建出功能强大、交互性良好的树形界面。在MyEclipse这样的集成开发环境中,可以便捷地完成项目的...

    Jquery AutoComplete组件+Ajax实现搜索框输入提示功能小记

    ### Jquery AutoComplete组件+Ajax实现搜索框输入提示功能详解 #### 前言 在当前Web应用开发中,提供良好的用户体验是至关重要的。本文主要介绍如何使用Jquery AutoComplete组件与Ajax技术来实现搜索框的实时输入...

    Struts2+Jquery+Ajax

    8. 实例演示:使用Struts2+Jquery+Ajax实现动态加载数据或表单验证 "struts2 jar"文件包含了Struts2框架的核心库,可能包括struts2-core、struts2-convention、struts2-json-plugin等依赖,这些是开发Struts2应用必...

    jQuery+ajax实现动态添加表格tr td功能示例

    ### jQuery+ajax实现动态添加表格tr td功能 在进行Web开发时,我们经常需要动态地从服务器获取数据,并将这些数据展示在网页上。表格是展示这些数据的一种常见形式。本文将详细解析使用jQuery和ajax技术来实现动态...

    jquery,ajax的几个小例子

    在jQuery中,Ajax功能被封装得十分友好,使得开发者可以轻松地实现异步数据交换。 **一、jQuery中的Ajax基础** 1. **$.ajax()函数**:这是jQuery中最核心的Ajax方法,可以接受多个参数来定制请求。例如,URL、类型...

    利用Ajax+Jquery实现异步进度条效果

    "利用Ajax+Jquery实现异步进度条效果"这个主题正是围绕这一目标展开,它涉及到C#后端开发、.NET框架、Ajax技术以及Jquery库的前端应用。下面将详细阐述这些知识点。 首先,C#是一种面向对象的编程语言,广泛应用于...

    Asp.Net MVC之jQuery与AJAX操作实例

    在Asp.Net MVC框架中,jQuery和AJAX的结合使用极大地提升了用户体验,使得网页能够实现异步数据交互,无需刷新整个页面即可完成数据的增删查改操作。本实例将深入探讨如何在Asp.Net MVC项目中应用jQuery与AJAX。 一...

Global site tag (gtag.js) - Google Analytics