`

封装 jquery ajax,加入loading加载

 
阅读更多
$.extend($, {
    /* 
    *ajax调用封装,返回json
    * url 服务路径
    * data一般为js对象
    * callback 回调函数
    */
    MyAjax: function(url, data, callback) {
        $.ajax({
            url: url,
            data: data,
            dataType:'json',
            method: "post",
            beforeSend:function(){
            	myLoad();//打开加载层
            },
            complete:function(data){
  	        closeLoad();//关闭加载层
  	    },
            success: function(msg) {
                if (typeof callback != 'undefined')
                    callback.call(this, msg);
            }
        });
    }
});

 

 

使用:
$.MyAjax("/test","data=1",callBack);

function callBack(json){
	alert(json.msg);
}

 

1
2
分享到:
评论
1 楼 mfkvfn 2014-03-12  
大哥。有个叫 $.ajaxSetup(option)的东西
此外也可以用$.fn.ajaxStart(callback)和$.fn.ajaxComplete(callback)来实现。

相关推荐

    jquery alert 提示框、动态加载提示框、jquery插件

    1. 定义基本结构:封装一个函数,如`$.fn.myAlert = function(options) {...}`,其中`$.fn`是jQuery的prototype,`myAlert`是插件名,`options`是可选参数。 2. 处理选项:解析传入的配置对象,根据需要设置默认值。...

    Jquery Ajax 存储过程分页

    本示例将详细讲解如何利用jQuery AJAX技术与ASP.NET结合,通过存储过程实现分页功能。 首先,jQuery是JavaScript的一个库,它简化了DOM操作、事件处理、动画以及Ajax交互等任务。AJAX(异步JavaScript和XML)则允许...

    Ajax全局加载框(Loading效果)的配置

    Ajax全局加载框,也称为Loading效果,是一种在网页进行后台数据请求时向用户展示的反馈机制,用于告知用户页面正在处理数据,需稍等片刻。它通常以一个半透明的遮罩层或动态图标的形式出现,增强用户体验,避免用户...

    jsp页面加载时提示loading

    综上所述,解决"jsp页面加载时提示loading"的问题需要从多方面进行排查和优化,包括页面内容优化、服务器性能提升、网络条件改善、代码错误检查、缓存策略调整、服务器配置优化、数据库性能优化、AJAX请求优化、...

    基于jQuery实现的Loading动画特效源码.zip

    - jQuery是一个轻量级的JavaScript库,它通过封装JavaScript API,提供了一种更简单、更直观的方式来处理HTML文档、事件、动画和Ajax交互。 - jQuery的核心特性包括选择器(用于查找DOM元素)、DOM操作(添加、...

    jquery异步加载页面

    此外,jQuery还提供了方便的.load()方法,它是对$.ajax()的简单封装,适用于从服务器加载HTML片段。在上述示例中,我们可以将$.ajax()替换为.load(): ```javascript $(document).ready(function() { $('.tab-...

    jQuery Loading页面加载动画效果特效代码

    jQuery Loading页面加载动画效果就是一种提升用户体验的方法,它能够向用户展示数据正在加载的过程,从而缓解用户等待时的不耐烦感。本知识点将深入探讨如何使用jQuery实现这种加载动画特效。 首先,jQuery是一个轻...

    jquery实现的ajax选项卡tab特效插件代码

    3. **jQuery插件**:编写jQuery插件来处理选项卡的激活、内容加载和Ajax请求。 ```javascript (function($) { $.fn.ajaxTabs = function(options) { // 默认配置 var settings = $.extend({ loadingText: '...

    jQuery:ajax

    除了基础的`$.ajax()`,jQuery还提供了一些高级方法,如`$.get`、`$.post`等,它们是对`$.ajax()`的封装,简化了常见HTTP请求的处理过程。例如: ```javascript $.get("test.html", function(data) { console.log...

    jquery+ajax分页(新)

    **jQuery + AJAX 分页技术详解** 在Web开发中,分页是一种常见的数据展示方式,尤其在处理大量数据时,能够提高用户体验,避免一次性加载过多内容导致页面加载缓慢。本实例中,我们将深入探讨如何利用jQuery、AJAX...

    超爽ajax+jquery实例

    jQuery通过封装这个对象,使得发送AJAX请求变得简单。例如,使用jQuery的$.ajax()函数,我们可以轻松地发起GET或POST请求:** ```javascript $.ajax({ url: 'your_server_url', type: 'GET', // 或 'POST' data:...

    Ajax Loading图片

    Ajax Loading图片是一种在网页加载数据时显示的动态效果,它通过Ajax技术实现页面部分更新,而不是刷新整个页面。Ajax(Asynchronous JavaScript and XML)是一种在无需刷新整个网页的情况下,能够更新部分网页内容...

    Ajax使用jQuery提交表单

    jQuery通过其内置的$.ajax()函数提供了对Ajax的封装。这个函数允许开发者发送异步HTTP请求,获取服务器端的数据,并在不刷新整个页面的情况下更新DOM元素。$.ajax()接受多个参数,如URL、类型(GET或POST)、数据、...

    jQuery EasyUI 页面加载等待及页面等待层

    对于页面加载等待,文档提供了一个名为ajaxLoading的函数。这个函数会在页面加载时被触发,并创建一个遮罩层,这个遮罩层可以覆盖整个页面或页面中的某个区域,用来提示用户数据正在加载中。实现这个遮罩层,通过...

    jQuery炫酷吹风机样式loading进度条插件特效.zip

    jQuery通过封装JavaScript常用功能,让开发者能够快速高效地操作DOM(文档对象模型)、处理事件、创建动画以及进行Ajax请求。 在这个项目中,"132689903663025024"可能是一个JavaScript文件,包含了实现吹风机样式...

    今天抽时间给大家整理jquery和ajax的相关知识

    此外,jQuery还提供了一些便捷的函数,如`$.get()`, `$.post()`, `$.load()`, `$.getJSON()`, 和 `$.getScript()`,这些函数都封装了`$.ajax()`,使得常见的AJAX任务变得简单易用。 2. 使用`$.load()`方法异步请求...

    jquery插件库-动感的页面加载动画效果.zip

    jQuery通过封装DOM操作、事件处理、Ajax交互以及动画效果,使JavaScript编程变得简单易懂。它的语法简洁,让开发者能快速实现复杂的网页效果。在页面加载动画方面,jQuery提供了一系列的方法和API,如`.animate()`,...

    Head First jQuery

    9. **性能优化**:jQuery提供了一些优化技巧,如延迟加载(lazy loading)、事件委托等,以提高网页性能。 10. **版本更新**:随着技术的发展,jQuery不断推出新版本,以适应现代Web开发的需求,如jQuery 3.x版本对...

    loading-example.zip

    8. **封装与模块化**:为了代码复用和维护,可以将加载效果封装成一个独立的 jQuery 插件或函数,这样在其他项目中也可以轻松应用。 9. **调试与测试**:在实际应用中,需要进行多浏览器测试,确保加载效果在主流...

    30个jquery经典Demo

    24. **图片懒加载(Lazy Loading)**:通过`.load()`事件和`.attr()`方法,实现图片延迟加载,优化页面性能。 25. **拖曳排序(Sortable)**:`.sortable()`使列表项可拖动排序,提升交互体验。 26. **无限滚动...

Global site tag (gtag.js) - Google Analytics