.ajax或.load（）导致：＆＃34;主线程上的同步XMLHttpRequest已弃用＆＃34;

Question

当用户点击我应用中其他地方的各种链接时（我不知道手头有哪些链接），我想将这些链接的结果加载到特定的div中。我已经尝试过使用.load（）和.ajax（），但是每次我收到警告：＆＃34;主线程上的同步XMLHttpRequest因其对最终用户的不利影响而被弃用。体验＆＃34;

我已经看到了各种各样的SO答案，但没有一个能解决问题。这看起来很奇怪，因为.load（）应该是自动异步的，当我尝试.ajax（）时，我明确地将async设置为true。

如何阻止此警告发生？

加载示例：

load.js：

$(document).ready(function () {    
  $('#click_button').click(function() {
   var path = $(location).attr('pathname');
   $('#my_div').load(path);
  });
});

$ ajax示例：

load.js：

$(document).ready(function () {    
  $('#click_button').click(function() {
    $.ajax({
      type: 'GET',
      url: $(location).attr('pathname'),
      async: true,
      success: function(path) {   
       $('#my_div').html(path);
      }
   });
 }); });

这两项工作都有效，但是得到了＆＃34;同步XMLHttpRequest＆＃34; ...警告。