jQuery Callback(回调函数)使用示例

最新推荐文章于 2024-04-02 20:49:15 发布
最新推荐文章于 2024-04-02 20:49:15 发布
阅读量5.7k 收藏 1
点赞数 1
分类专栏： 实践记录 文章标签： jQuery callback 回调函数 javascript reload
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/markximo/article/details/80077420
版权

很多时候我们在页面完成一些动作后希望再执行一些其它小动作，如完成某段动画后弹出提示信息，又或者在后台请求返回成功后弹出提示信息，关闭提示信息后再刷新当前页面，等等。

示例代码：

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
    <title>jQuery callback 回调函数</title>
    <script type="text/javascript" src="js/jQuery/jquery-1.8.3.min.js"></script>
    <script type="text/javascript" src="js/jquery-easyui/jquery.easyui.min.js"></script>

    <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/gray/easyui.css">
    <link rel="stylesheet" type="text/css" href="js/jquery-easyui/themes/icon.css">
    <script type="text/javascript">
        $(document).ready(function () {
            $("#btn_no_callback").click(function () {
                $.messager.alert("没有回调函数效果，一闪而过！");
                window.location.reload();
            })
            $("#btn_callback").click(function () {
                $.messager.alert("window","有回调函数效果","info",function () {
                    window.location.reload();
                })
            })
        })

        function load() {
            alert("Hello！页面刷新了！");
        }
    </script>
</head>
<body onload="load();">

<input id="btn_no_callback" type="button" value="没有回调"/>
<input id="btn_callback" type="button" value="有回调"/>
</body>
</html>

通过上述示例，我们可以直观的感受到，由于javascript代码执行是逐行进行的，所以未采用回调函数的效果是当弹出框还未确认时就由于执行了页面重载导致弹出框一闪而过的消失了。

Droy`Z
关注
  • 1
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery中读取json文件示例代码
12-01
callback:可选项，加载成功后执行的回调函数 1.首先建一个JSON格式的文件userinfo.json 保存用户信息。如下: [ { "name":"张国立", "sex":"男", "email":"[email protected]" }, { "name":"张铁林", "sex":"男...
jQuery Callback 方法
qq_44329870的博客
03-12 588
jQuery Callback 方法 1.为什么要使用callback回调函数 JavaScript语句逐行执行,但由于jQuery效果需要一些时间才能完成，因此下一个代码行可能会在前一个效果仍在运行时执行从而产生错误。为了防止这种情况的发生，jQuery为每个效果方法提供了一个回调函数。 2.怎么使用callback回调函数 回调函数作为效果方法的参数传递，它们通常显示为方法的最后一个参数。 3.callback回调函数的执行时间 Callback 函数在当前动画 100% 完成之后执行。也就是当前效果完
callback回调函数的使用
最新发布
weixin_46689373的博客
04-02 307
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档。
jQuery 之 Callback 实现
weixin_34085658的博客
05-04 170
在 js 开发中，由于没有多线程，经常会遇到回调这个概念，比如说，在 ready 函数中注册回调函数，注册元素的事件处理等等。在比较复杂的场景下，当一个事件发生的时候，可能需要同时执行多个回调方法，可以直接考虑到的实现就是实现一个队列，将所有事件触发时需要回调的函数都加入到这个队列中保存起来，当事件触发的时候，从这个队列重依次取出保存的函数并执行。 可以如下简单的实现。 首先，实现一个类函数来...
jquery.post用法示例代码
12-04
callback:发送成功时回调函数。 type:返回内容格式，xml, html, script, json, text, _default。 代码如下: $.post(‘admin/HhCheckVote.do?ids=’ + ‘${ids}’, {}, function(flag) { if(flag.isVote==”true”){...
JQuery写动态树示例代码
01-19
代码如下: // 业务类型树 var settingOther = { edit: { enable: false }, // 异步加载树 ... dataFilter: filter }, // 简单数据格式 data: { simpleData: { enable: true } }, // 回调函数 callback: { beforeClick:
jquery跨域请求示例分享(jquery发送ajax请求)
12-10
jQuery中常用getJSON来调用并获取远程的JSON字符串，将其转换为JSON对象，如果成功，则执行回调函数。原型如下： jQuery.getJSON( url, [data], [callback] ) 跨域加载JSON数据。 url: 发送请求的地址data : (可选) ...
JQuery中的$.getJSON 使用说明
01-21
url: 发送请求的地址 data : (可选) 待发送key/value参数 callback: (可选) 载入成功时的回调函数 主要用于客户端获取服务器JSON数据。简单示例： 服务器脚本，返回JSON数据： $.getJSON.php $arr=array(“name”=>...
jQuery 回调函数（callback）的使用和基础
10-24
主要介绍了jQuery 回调函数（callback）的使用和基础,需要的朋友可以参考下
关于jquery中callback函数的使用
Kevinvcc200的博客
09-28 2475
今天在做一个网站开发的过程中遇到了一个小问题，解决之后，发现这应该是很多学习jquery的新手朋友们会遇到的问题，故在这里记录一下。 基本需求和实现要点：这是一个购物网站，在用户点击“收藏店铺”或者“收藏商品”之后，用ajax把数据传递给后台进行处理，后台返回一个值给html，再由html根据返回的值，在页面上用一个模态框显示信息，随后模态框淡出。 在这里，为了简化问题，我们暂时不谈后台的处理...
jQuery-效果-callback（回调函数）
m0_73839298的博客
10-20 152
回调函数:操作被执行完成后才被执行的函数，即当动画效果被100%完成之后才执行。$（"元素标签"）.效果（1000，function（）{$（"元素标签"）.效果（speed，callback）
jQuery的callback函数
AnitaSun的博客
04-27 848
基本使用 ```js // 基本使用 function aaa(){ alert(1); } function bbb(){ alert(2); } var cb = $.Callbacks(); cb.add(aaa); cb.add(bbb); cb.fire(); //------------------------------- var cb = $.Callbacks(); function aaa(){ alert(1); } cd.add(aaa); (functi
jQuery 回调函数(Callback)
GZXGYZ的博客
11-17 230
JavaScript语句逐行执行。但是，由于jQuery效果需要一些时间才能完成，因此下一个代码行可能会在前一个效果仍在运行时执行。为了防止这种情况的发生，jQuery为每个效果方法提供了一个回调函数。回调函数作为效果方法的参数传递，它们通常显示为方法的最后一个参数。alert("该段落现已隐藏");// 效果完成后要执行的代码。当前效果完成后，将执行回调函数。
jquery callback方法
浪漫韫秋
06-28 466
jquery callback方法 callback函数在当前动画100%完成之后执行。 jquery动画的问题 许多jquery函数涉及动画。这些函数也许会将speed或duration作为可选参数。 例子: $(“p”).hide(“slow”) speed或duration参数可以设置许多不同的值，比如”slow”,”fast”,”normal”或毫秒。 实例 以下实例在隐藏效...
jQuery Callback 函数
m0_57835615的博客
06-04 198
在jQuery中，许多方法的参数中都包含callback这个参数，如jQuery hide() 和 show()，jQuery toggle()，jQuery fadeIn() 方法jQuery fadeOut() 方法
jquery函数get
04-28
jQuery函数`get()`是用于向服务器发送GET请求并获取数据的方法。它可以接受三个参数：URL、data和callback函数。其中，URL是必需的，表示要请求的地址；data是可选的，表示发送到服务器的数据；callback函数也是可选的，表示请求成功后要执行的回调函数。 使用示例： ``` $.get("test.php", { name: "John", age: 30 }, function(data, status){ alert("Data: " + data + "\nStatus: " + status); }); ``` 上面的代码将向test.php发送GET请求，并传递参数name和age。请求成功后，将执行回调函数，并输出返回的数据和请求状态。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值