Javascript 通过AJAX加载jQuery和HTML_Javascript_Jquery

Javascript 通过AJAX加载jQuery和HTML

javascript jquery

Javascript 通过AJAX加载jQuery和HTML,javascript,jquery,Javascript,Jquery,我试图获取通过AJAX动态加载的HTML的子元素。它不起作用 $.get('test.html', function(data) { var content = $('#content', data).html(); console.log(content); // Logs "Null" $('#result').html(content); }); 下面是“test.html” <!DOCTYPE html> <html lang="

我试图获取通过AJAX动态加载的HTML的子元素。它不起作用

 $.get('test.html', function(data) {

    var content = $('#content', data).html();

    console.log(content); // Logs "Null"

    $('#result').html(content);

  });

下面是“test.html”

<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8" />
  <title>Website</title>
  <meta name="description" content="" />
  <meta name="keywords" value="" />
</head>
<body>

  <h1>Hello!!!</h1>

  <div id="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam feugiat tincidunt tortor eu iaculis. Sed id urna sem, quis malesuada lacus. Nulla iaculis malesuada libero, id vehicula sapien imperdiet eu.</div>

</body>
</html>

有什么想法吗？

尝试改用$.ajax：

 $.ajax({
   url:'test.html', 
   dataType:'html',
   success:function(data) {
    var content = $('#content', data).html();
    console.log(content); // Logs "Null"
    $('#result').html(content);
   }
  });

我不太清楚您想做什么，但我假设您想在

test.html

页面中获取

#content

的内容，并将其注入

#results

div

$.get('test.html', function(data) {
    var content = $(data).find("#content").html();
    $('#result').html(content);
});

你在内容上犯了一个错误，我相信，这是没有意义的

 $.get('test.html #content', function(data) {
 console.log(data); // Logs "Null"
 $('#result').html(data);
 });

jquery网站会这么说

我说用

$('#result').load('test.html #content');

你觉得怎么样？

html文件中的内容在哪里？对不起#霍尔德本该满足的。我在上面修好了。对不起#霍尔德本该满足的。我固定在上面。不管怎样，我尝试了你的建议，

content

仍然以

null

的身份注销。当你在回调中使用

console.log（data）

时会发生什么？看起来就像你期望的那样。。。文件的内容。是的，它也给了我同样的结果。正确。不过，我希望能够识别参数的名称。主要的一点是在jQuery没有正确地从响应中的MIME类型确定数据类型的情况下识别数据类型。

$('#result').load('test.html #content');