在JQuery對話框中打開文件加載

Question

我有一個JQuery對話框，里面正在加載部分視圖

       $("#WOdialog").dialog({
                    width: 765,
                    resizable: false,
                    closeOnEscape: true,
                    modal: true,
        close: function () {

        },
        open: function () {
              $(this).load("@Url.Action("AddWorkOrder")");
        }
      });

該部分視圖是常規的html文件，但其中包含一些<script></script>標記。 這里的問題是我的網站在本地運行，但未部署。 我懷疑這個錯誤

Synchronous XMLHttpRequest on the main thread is deprecated because of its detrimental effects to the end user's experience.

我知道這與async關鍵字和加載外部JS文件有關。 搜索了SO ，沒有任何解決方案對我有幫助。

Answer 1

$("#WOdialog").dialog({
            width: 765,
            resizable: false,
            closeOnEscape: true,
            modal: true,
close: function () {

    },
open: function () {
      //$(this).load("@Url.Action("AddWorkOrder")");
      //Try this
      var $self = $(this);
      var url  = '@Url.Action("AddWorkOrder")';
      $.ajax({
            url: url,
            cache: false,
            async: true
        })
        .done(function( html ) {
            $self.append( html );
        });
    }
});