`
leiwuluan
  • 浏览: 707262 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类

JQuery 实践Ajax

阅读更多

JQuery.get(url,data,callback);

 

url (String) : 待载入页面的URL地址

data (Map) : (可选) 待发送 Key/value 参数。

callback (Function) : (可选) 载入成功时回调函数。

 

示例
请求 test.php 网页,忽略返回值。 

jQuery 代码:

$.get("test.php"); 
--------------------------------------------------------------------------------

请求 test.php 网页,传送2个参数,忽略返回值。 

jQuery 代码:

$.get("test.php", { name: "John", time: "2pm" } ); 
--------------------------------------------------------------------------------

显示 test.php 返回值(HTML 或 XML,取决于返回值)。 

jQuery 代码:

$.get("test.php", function(data){
  alert("Data Loaded: " + data);
}); 
--------------------------------------------------------------------------------

显示 test.cgi 返回值(HTML 或 XML,取决于返回值),添加一组请求参数。 

jQuery 代码:

$.get("test.cgi", { name: "John", time: "2pm" },
  function(data){
    alert("Data Loaded: " + data);
  }); 

  

JQuery.post(url,data,callback);

 

 

jQuery.post(url,[data],[callback])
通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。

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

Load a remote page using an HTTP POST request.This is an easy way to send a simple POST request to a server without having to use the more complex $.ajax function. It allows a single callback function to be specified that will be executed when the request is complete (and only if the response has a successful response code). If you need to have both error and success callbacks, you may want to use $.ajax.
返回值
XMLHttpRequest

参数
url (String) : 发送请求地址。

data (Map) : (可选) 待发送 Key/value 参数。

callback (Function) : (可选) 发送成功时回调函数。

 

分享到:
评论
3 楼 leiwuluan 2010-07-13  
有啊当然可以共享了!
2 楼 spp_1987 2010-07-12  
是关于它们的ajax的例子??
1 楼 spp_1987 2010-07-12  
楼主有没有啊 关于struts1.3 跟jquery的例子啊?

相关推荐

    jquery,ajax的几个小例子

    **jQuery和Ajax技术详解** jQuery是一款非常流行的JavaScript库,它极大地简化了JavaScript的DOM操作、事件处理以及Ajax交互。...通过学习和实践这些基本的Ajax功能,开发者能够构建出更加动态和响应式的网页应用。

    jQuery-ajax-用户名异步请求

    在Web开发中,jQuery是一个非常流行的JavaScript库,它极大地简化了DOM操作、事件处理以及Ajax交互。本主题聚焦于jQuery中的Ajax功能,特别是如何利用它进行异步用户名验证。Ajax,即Asynchronous JavaScript and ...

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

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

    jquery-ajax实例

    在JavaScript的世界里,jQuery是一个非常流行的库,它极大地简化了DOM操作、事件处理以及Ajax交互。...通过对这些知识点的理解和实践,开发者能够熟练地运用jQuery进行Ajax交互,提升Web应用的用户体验。

    jquery的ajax方法

    **jQuery的Ajax方法**是JavaScript库中的核心特性之一,它为开发者提供了简单、高效的数据交互方式,无需刷新页面即可实现异步与服务器进行通信。在Web开发中,jQuery的Ajax功能极大地简化了XMLHttpRequest对象的...

    jQuery+ajax实现三级级联

    在IT行业中,jQuery和ajax是两个非常重要的技术,它们在构建动态、交互性强的Web应用程序时发挥着关键作用。在这个“jQuery+ajax实现三级级联”的...对于学习和理解jQuery和ajax的使用,这个实例是一个很好的实践案例。

    jquery+AJAX小小项目

    **jQuery + AJAX 小型项目详解** 在Web开发中,jQuery和AJAX是两种非常重要的技术,它们使得前端与后端的数据交互变得更加便捷和高效。本项目主要展示了如何利用jQuery库来实现AJAX的增删改查功能,帮助开发者更好...

    Jquery Ajax分页(有实例)

    本篇文章将深入探讨jQuery AJAX分页的原理与实践,通过具体的实例来展示如何实现炫酷的分页功能。 首先,理解jQuery AJAX的核心概念。AJAX允许我们在不刷新整个页面的情况下,与服务器交换数据并更新部分网页内容。...

    jquery+ajax的视频讲解

    **jQuery与AJAX详解** 在Web开发中,jQuery和AJAX是两个不可或缺的重要技术,它们大大简化了前端与服务器端的交互过程。...通过实践和学习,你将能够自如地利用jQuery和AJAX构建更加动态和高效的网页应用。

    jquery upload ajax方式

    **jQuery Upload AJAX方式详解** 在Web开发中,文件上传是一个常见的功能,传统的文件上传通常需要刷新整个页面,用户体验较差。随着Ajax技术的发展,无刷新上传文件成为可能,jQuery结合Ajax提供了一种优雅的解决...

    jquery、ajax学习电子书.zip

    《jQuery与Ajax学习...总之,通过阅读《jQuery与Ajax学习电子书》,你将不仅能够掌握这两项核心技术,还能了解它们在实际项目中的应用和最佳实践。这将为你的Web开发之路打下坚实的基础,助你轻松应对各种开发挑战。

    jquery 的ajax用法

    **jQuery的Ajax用法详解** 在Web开发中,Ajax(Asynchronous JavaScript and XML)技术允许我们在不刷新整个页面的情况下与服务器进行数据交互,极大地提升了用户体验。jQuery库简化了JavaScript中的Ajax操作,使得...

    php+jquery+ajax最简单例子

    3. **Ajax请求**:利用jQuery的`$.ajax()`方法发起请求。设置URL为PHP脚本的路径,方法通常为GET或POST,根据需求决定是否传递数据。 4. **PHP处理**:在服务器端,PHP脚本接收Ajax发送的数据(如果有的话),可能...

    javascript+jquery+ajax相关学习资料PPT

    5. html css javascript.zip:这是一个包含HTML、CSS和JavaScript的压缩文件,可能是为了提供一个完整的示例环境,让学习者实践AJAX的使用。 6. jquery:这个文件可能是jQuery库的源代码,供学习者查看和理解其内部...

    项目组管理系统,Java+json+jQuery+ajax

    这个系统结合了JSON、jQuery和Ajax技术,以实现动态数据交互和用户友好的界面体验。 首先,我们来详细了解Java在这个系统中的作用。Java是一种广泛应用于服务器端开发的编程语言,具有跨平台特性,使得开发的系统...

    一个完整的jquery+ajax传送请求的实例

    在IT行业中,jQuery和AJAX是两个非常关键的前端技术,它们极大地简化了网页与服务器之间的数据交互。本文将深入探讨一个完整的jQuery+AJAX传输请求的实例,旨在帮助开发者理解如何有效地使用这两种技术实现异步数据...

    jquery-ajax最简单的实力

    **jQuery AJAX 实力展示:轻松实现二级联动** 在Web开发中,AJAX(Asynchronous JavaScript and XML)技术被广泛用于创建动态和交互性强的网页。...不断实践,你将在AJAX和jQuery的世界里游刃有余。

    ASP+jQuery+AJAX

    在具体的应用场景中,ASP可以用来处理用户提交的表单数据,通过AJAX发送到服务器,服务器处理后将结果返回,此时jQuery可以监听AJAX的请求状态,成功后更新页面的部分内容,而无需重新加载整个页面。这种技术在网页...

    jQuery+ajax实现简单登录验证

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

    jquery与ajax调用,有代码 , 有说明,使ajax调用简单

    **jQuery与Ajax调用详解** 在Web开发中,jQuery与Ajax的结合使用极大地简化了异步数据交互的过程,使得前端可以高效地与服务器进行通信,而无需刷新整个页面。本教程将详细介绍如何利用jQuery实现Ajax调用,并通过...

Global site tag (gtag.js) - Google Analytics