Ajax异步获取html数据中包含js方法无效的解决方法

问题：

当使用Ajax异步获取html数据时，如果该html页面中包含有JavaScript方法，那么在获取到该html数据后，这些JavaScript方法可能会无效。这种情况一般是由于js方法未能正常被解析执行，导致无法执行相应的功能。

解决方法：

1. eval()函数

可以使用eval()函数手动执行JavaScript代码，从而使得获取的html文档中的JavaScript方法可以正常运行。eval()函数可以将其参数作为JavaScript代码进行解析执行。例如：

$.ajax({
  url: 'http://example.com/index.html',
  dataType:'html',
  success: function(data) {
    var script = $(data).filter('script').text(); // 获取html中的js代码
    eval(script); // 执行js代码
  }
});

1. 动态加载JavaScript文件

可以将获取到的html文档中的JavaScript代码单独保存为.js文件，并使用JavaScript的动态加载机制动态加载该文件，从而使得该JavaScript代码可以正常运行。例如：

$.ajax({
  url: 'http://example.com/index.html',
  dataType:'html',
  success: function(data) {
    var script = $(data).filter('script').attr('src'); // 获取html中的js文件路径
    $.getScript(script, function() { // 动态加载js文件并执行
      // js代码执行完后的回调函数
    });
  }
});

注意：动态加载JavaScript文件需要注意文件的存放路径和文件名的正确性，否则文件无法被正确加载和执行。

综上所述，以上两种方式都可以解决“Ajax异步获取html数据中包含js方法无效”的问题。具体使用哪种方式可以根据实际情况进行选择和调整。