20个jQuery和Ajax插件

jQuery库具有完整的AJAX(异步JavaScript和XML)功能。 其中的功能和方法使我们无需刷新浏览器页面即可从服务器加载数据。 下面给出了一些教程,可以让您知道如何执行它,尽情享受吧!

2013年2月28日更新:删除了损坏的链接并添加了新图像。

1.使用PHP和AJAX创建一个Shoutbox

一个基于PHP和AJAX(使用jQuery)的惊人且动态的喊话框。
Shoutbox-using-PHP-and-Ajax.jpg
演示

2.使用jQuery和少量Ajax在设定的时间间隔刷新元素

您可以按设置的时间间隔更改一些信息。
在设置时间间隔刷新元素使用jquery.jpg
演示

3. CakePHP Ajax与jQuery的“快速保存”

在管理面板中时,有时您需要“快速保存”功能,该功能使您无需离开页面即可保存。 这是如何使用CakePHP和jQuery完成此操作
CakePHP-Quick-Save.jpg
来源+演示

4.使用Jquery和PHP的Ajax登录表单

这将向您展示如何创建一个由ajax驱动的登录表单。 使用Jquery和PHP。
使用jQuery和PHP.jpg的Ajax登录表单
来源+演示

5. Twitter喜欢使用jQuery和Ajax的更多按钮

关于如何使用Jquery和AJAX创建Twitter Like More按钮的有趣教程。
Twitter-Like-More-Button.jpg
演示

6.完全像Twitter那样的Twitter,带有jQuery和Ajax的“关注和删除”按钮

Twitter喜欢使用FadeOut和FadeIn效果跟随和删除按钮。
完全像Twitter一样关注并删除Buttons.jpg
演示

7.使用jQuery和Ajax提交表单而不刷新页面

一个非常简单的教程,使用jQuery和Ajax提交HTML表单值而无需刷新页面。
提交一个没有刷新的页面.jpg
演示

8.使用jQuery和Ajax删除具有动画淡出效果的记录

jQuery教程删除操作而没有刷新页面。
删除带有淡出效果的记录.jpg
演示

9. Ajax使用jQuery添加带有按钮状态更改的记录

了解如何添加按钮状态更改的记录,例如Facebook和Twitter。
Ajax使用按钮状态更改添加记录
演示

10.使用jQuery和Ajax插入并加载记录

本教程说明了如何在不刷新网页的情况下插入和显示记录。
使用jquery和ajax.jpg插入并加载记录
来源+演示

11.使用jQuery和Ajax自动填充选择框

如果您熟悉使用选择框进行分类和子类别,例如eBay在出售商品时会这样做,通常这可能需要大量JavaScript来维护选择框,但是jQuery可以通过添加一些破折号来大大简化此任务AJAX。
Auto-populating-Select-Boxes.jpg
演示

12.使用jQuery的Ajax多文件上传表单

了解如何创建AJAX化的多文件上传表单,该表单使用的服务器端代码少得多,并且提供了非常好的用户界面。
Ajax-Multiple-File-Upload.jpg
来源+演示

13. AjaxFileUpload

该插件是yvind Saltvik创建的Ajaxupload插件的黑手版本,对于正常使用来说确实足够了。 其想法是创建一个iframe并将指定的表单提交给它进行进一步处理。
Ajax-File-Upload.jpg
演示

14.将jQuery表单验证和Ajax提交与ASP.NET相结合

在本教程中,将向您展示如何将jQuery表单验证和AJAX提交与ASP.NET相结合。
Combining-jQuery-Form-Validation.jpg
来源+演示

15.在PHP中使用jQuery和Ajax动态加载ComboBox

了解如何创建下拉列表的动态加载。 由jQuery创建的简单解决方案。
动态加载组合框使用jquery.jpg
演示

16. AJAX-ZOOM

它使用图像图块快速生成缩放图像的一部分(类似于Google Maps)。
Ajax-Zoom.jpg
来源+演示

17. AjaxPager

是一个JQuery + Bootstrap插件,它根据配置创建一个分页控制栏,它将发出对数据的远程请求。
AjaxPager.jpg
演示

18. AjaxPanel

一个jQuery插件提供了一种更新HTML元素的统一方法,该更新基于jQuery的低级AJAX实现。
AjaxPanel.jpg
演示

From: https://www.sitepoint.com/20-jquery-ajax-plugins/

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值