首页

关于

jQuery类库新手使用指南之AJAX方法 - 第四部分

日期:2012/03/13  来源:GBin1.com

在前面几篇文章中,我们介绍了jQuery的诸多AJAX方法,今天我们将介绍如何使用jQuery来执行ajax跨域调用,因为在AJAX调用中因为安全问 题,我们无法直接使用javascript来调用当前域名以外的资源,如果你将前面几篇文章的例子保存到本地,然后执行,你会发现无法得到数据。为了解决 这个问题,这里我们引入了JSONP这个概念。如果你不清楚什么是JSONP,JSONP能够帮助我们解决什么问题,那么推荐你阅读一下这篇文章:

使用$.getJSON()来访问其它域名或者网站下的JSON数据

为了有效的整合网络资源,有些时候我们需要取得其它网站或者应用提供的资源,这个时候,如果对应的网站提供JSON数据格式的直接访问,那么我们就可以使用$.getJSON()这个方法来有效执行跨域的数据访问,如下:

var…

标签: jQuery, AJAX, jQuery AJAX, AJAX API, JSONP, ajax跨域, jQuery类库, ajax方法

阅读更多

jQuery类库新手使用指南之AJAX方法 - 第三部分

日期:2012/03/09  来源:GBin1.com

继续昨天的介绍,我们将介绍最后一个AJAX调用方法及其相关的其它辅助方法帮助你使用jQuery构建AJAX应用。

使用$.ajax()来创建一个一般性的AJAX请求

前 俩篇文章我们介绍了一些上层的ajax方法例 如,$.get(),$.post(),$.load(),$.getJSON(),$.getScript(),今天我们将介绍一个底层的ajax方法 - $.ajax()。前面的方法你可以看做是$.ajax()方法的便捷使用。大多数的情况下都可以很好的满足你对http请求的处理,但是可能有些时候你 需要更底层的去自己处理相关的请求,这个时候你需要自己来调用$.ajax(),而不是使用上层的便捷方法例如,$.get()等。如下:

$.ajax(url, [setting]);

对于以上代码非常好理解,url代表了你请求的服务器地址,setting则用来配置你的选项,这些参数并不是必须的,你可以自己选择使用。通过这些参数你可以很方便的控制ajax的请求。下面是你可以设定的一些选项:

  • accepts:…

标签: jQuery, AJAX, jQuery AJAX, AJAX API, jQuery类库, ajax方法

阅读更多

jQuery类库新手使用指南之AJAX方法 - 第二部分

日期:2012/03/08  来源:GBin1.com

继续昨天的AJAX方法,今天我们将介绍另外几种常用AJAX请求方法:

使用$.post()方法来创建POST请求

和$.get() 方法类似,$.post()可以帮助你创建HTTP的POST请求。它的语法和$.get()方法非常类似,唯一的区别就在于POST使用HTTP POST方法来传递。如果你不清楚HTTP POST和GET的区别,简单来说,GET传递过程中的参数会直接附在URL上,并且发送的参数数据长度有限制。而POST则没有这些限制,比较典型的使 用,例如,如果你使用表单开发登录窗口的话,最好使用POST,因为使用GET会泄露你的密码。

$.post()的使用如下:

$.post( "http://gbin1.com/index.jsp", gbdata, myCallback, "json" ); 

在前一篇文章中的演示,我们也可以使用$.post()方法来实现,如下:

在线演示…

标签: jQuery, AJAX, jQuery AJAX, AJAX API, jQuery类库, ajax方法

阅读更多

jQuery类库新手使用指南之AJAX方法 - 第一部分

日期:2012/03/07  来源:GBin1.com

jQuery类库新手使用指南之AJAX方法

最近几年很多网站,事实上基本所有的网站都使用一个技术 - AJAX来提供流畅并且高效的用户体验。无论是出名的Google Maps还是Gmail,或者是流行的javascript框架-jQuery Mobile,都使用AJAX来获取后台数据,并且实时更新用户浏览页面。

使用javascript代码来构建一个AJAX应用可能需要技巧。但是,很多的javascript类库,包括jQuery都已经内建支持AJAX,这样使得开发一个AJAX驱动的网站或者应用变得非常简单。

在这个教程中,我们将学习使用jQuery来执行基本的AJAX请求操作。 你将会学习:

  • AJAX是什么?工作原理是什么?为什么AJAX是一个好东西?
  • 如何使用jQuery来调用各种AJAX请求 
  • 使用AJAX请求来发送数据
  • 处理服务器端的AJAX请求,获取返回的数据
  • 如何自定义jQuery的AJAX处理及其参数设置
  • AJAX的高级使用

注意:本文主要介绍javascript端的使用,如何你需要了解后台,请参考你所使用的语言。

AJAX是什么?工作原理是什么?为什么AJAX是一个好东西?

简单说,AJAX是一个帮助你的浏览器和服务器异步通讯的javascript技巧。是Asynchronous…

标签: jQuery, AJAX, jQuery AJAX, AJAX API, jQuery类库, ajax方法

阅读更多

如何使用jQuery来实现AJAX调用

日期:2011/07/29  作者:GBin1.com

AJAX调用在jQuery中有几种不同的方法,这篇文章中我们将介绍几种不同的方式来实现ajax调用,如下你不清楚什么是ajax的话,请参考相关文章。简单来说AJAX是异步Javascript和XML(Asynchronous Javascript And XML)的缩写。目的是为了在页面中只刷新部分内容。比较大家可能比较常用的Google email或者是GBin1.com中的站内搜索都是典型的AJAX使用案例。

方法1:load()

使用load方法可以帮助你家在一个非本地的HTML页面,并且注入到当前调用的DOM中。使用jQUery你可以很方便的执行这个功能。

代码片段:

    $.ajaxSetup({
cache: false
});
var ajax_load = "<img src='logo/gbin1loading.gif' alt='加载中...'…

标签: jQuery, AJAX, ajax方法, ajax使用

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.