コールバックを使用せずに 'async：false'を使わずにajax呼び出しを完了するのを待つ方法はありますか？

Question

私は私の見解でクリック可能な要素のハンドラをバインドKnockoutJSを定義し、次の活字体を持っている：

module MyModule { 
    export interface ICopyButtonParams { 
     dataUrl: string; 
    } 

    ko.bindingHandlers.copyButton = { 
     init: (element: HTMLElement, valueAccessor:() => ICopyButtonParams) => { 
      var options: any = ko.utils.unwrapObservable(valueAccessor()); 
      if (!options.dataUrl) { 
       return; 
      } 

      new Clipboard(element, { 
       text:() => { 
        var clipboardData: string; 

        $.ajax({ 
         url: options.dataUrl, 
         type: "GET", 
         contentType: "application/json", 
         cache: false, 
         async: false, 
         success: (result: SubmitResult) => { 
          clipboardData = result.Data; 
         } 
        }); 

        return clipboardData; 
       } 
      }); 
     } 
    }; 
} 

何この結合ハンドラはありませんが、それは、クリップボード内の文字列を格納しClipboard.JS有効要素にクリック可能な要素を回すありますクリックすると私の場合は、Clipboard.JSの動的テキスト機能を利用して、クリップボードに保存するテキストを返す関数をクリップボードコンストラクタに渡します。この関数の中で、格納するテキストを返すAPIを呼び出す必要があります。

このアーキテクチャーの性質から、クリップボードのテキストが時間内に解決されないことを意味する成功コールバックで標準のAjax呼び出しを使用することはできません。

一時的な対策として、私のコードでは、私は自分のajaxを非同期呼び出し（悪い、私が知っている）にしたことに気づくでしょう。 'async'フラグはJQuery 1.8以降では廃止されているので、別の方法を考えようとしています。

アイデア？

Answer 1

あなた自身でクリックイベントを処理する方が良いと思います。

あなたのajaxコールバックで、textareaを作成し、値を設定して、document.execCommand('copy')を選択し、Clipboard.JSと呼んでください。これに似た何か（ジャバスクリプトを気の毒に代わりtypescriptです上の）

ko.bindingHandlers.copyButton = { 
    init: function(element, valueAccessor) { 
    var url = ko.utils.unwrapObservable(valueAccessor()); 

    $(element).click(function() { 
     $.ajax({ 
     url: url, 
     type: "GET", 
     contentType: "application/json", 
     cache: false, 
     async: false, 
     success: function(result) { 
      var ta = document.createElement('textarea'); 
      document.body.appendChild(ta); 
      ta.value = result; 
      ta.select(); 
      var r = document.createRange(); 
      r.selectNode(ta); 
      document.getSelection().addRange(r); 
      document.execCommand('copy'); 
      document.body.removeChild(ta); 
     } 
     }); 
    }); 
    } 
}; 

私は（AJAX要求なし）と同様の作業例hereを持って