js回调函数（超详细）

Shaw同学

于 2022-03-17 16:37:24 发布

阅读量3.8k

点赞数 1

分类专栏： JavaScript 文章标签： javascript 前端 ajax

本文链接：https://blog.csdn.net/qq_31065757/article/details/123554022

版权

JavaScript 回调函数异步操作模拟函数

关键词由CSDN通过智能技术生成

JavaScript 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body></body>
<script >
    // 回调函数
    function callbackFunction(params, callback) {
        // 对params逻辑操作 ……
        var id = params.id;
        // 模拟接口请求耗时2秒
        setTimeout( function(){
            // 回调一下
            var res = {'status': 200, 'msg': '操作成功', 'data': [{'id': id, 'name': '回调函数', 'level': 1}]};
            callback(res);
        }, 2000 );
    }

    // 模拟提交保存
    function submitFunction(id) {
        var params = {'id': id};
        // 调用回调函数-异步
        callbackFunction(params, function(ret) {
            console.log('ret从res回调回来了:', ret);
            if (ret.status == 200) {
                console.log('和$.ajax()是不是很像？');
            }
        });
        console.log('我这里先执行了');
    }
    submitFunction(666);
    
</script>
</html>

复制代码保存html文件》浏览器打开》F12》Console输出如下

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Shaw同学

关注关注

1
点赞
踩
8

收藏

觉得还不错? 一键收藏
0
评论
js回调函数（超详细）

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script > // 回调函数 function callbackFunction(params, callback) { /.
复制链接

扫一扫