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文件有关。 Searched 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 );
        });
    }
});

在JQuery对话框上打开加载文件

1 个答案: