• jQuery:在一个回调中处理多个请求


      我曾经为Mozilla Developer Network 开发一个新功能,它需要加载一个基本的脚本文件的同时加载一个JSON请求。因为我们使用的是jQuery,意味着要使用 jQuery.getScript和jQuery.getJSON。我知道这两者都是异步的并返回一个Deferred(jQuery中的Promise模式实现, 参见: deffered object)对象,因此我想知道能不能在一个回调里按顺序请求它们,就像多数的JavaScript加载器那样(如curljs )。我很幸运,使用jQuery就可以用一个回调处理两个请求。

      jQuery的JavaScript代码

      就像我刚才提到的,我需要加载一个脚本和一个JSON文件,就像这样:

    $.when(
      $.getScript('/media/js/wiki-min.js?build=21eb633'),
      $.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/')
    ).then(function(a, b) {
        // 或者 ".done"
        // 好了,东西都加载好了,可以干活了
    
    });
    

      当资源文件加载完时,done或者callback就会被触发,我就知道已经请求完了。每一个请求都返回了不同的回调参数,如上面的返回参数就像这样:

    // [response, state, jqxhr], [response, state, jqxhr]
    ["(function(c){var e=c(".from-search-navigate");if(e…;if(j){g.apply(m,l)}}}})(window,document,jQuery);", "success", Object] [Array[15], "success", Object]
    

      如果我们希望再加载一个传统的Ajax请求,就像获取一个HTML模板,我们可以这样:

    $.when(
        $.getScript('/media/js/wiki-min.js?build=21eb633'),
        $.getJSON('https://developer.mozilla.org/en-US/demos/feeds/json/featured/'),
        $.get('/')
    ).then(function(a, b, c) {
        console.log(a, b, c);
    });
    

      Dojo Toolkit很早以前就有类似的功能了,但是我不知道现代jQuery也可以。在一个回调中处理多个请求在请多场合需要用到,可以看出jQuery也在与时俱进。

      原文 davidwalsh.name

  • 相关阅读:
    在CMD下如何搜索某个名字的文件?
    如何设置ESXi中的虚拟机随主机一同启动?
    ubuntu 安装 Cmake(转)
    unique_ptr与std::move的使用
    这是一份很详细的 Retrofit 2.0 使用教程(含实例讲解)(转)
    Tensorflow设置显存自适应,显存比例
    Protobuf学习
    tensorflow serving 打印调试log
    Linux下监视NVIDIA的GPU使用情况(转)
    tensorflow serving GPU编译问题
  • 原文地址:https://www.cnblogs.com/ranran/p/3760920.html
Copyright © 2020-2023  润新知