Load content ajax jquery

目前，当我使用 jQuery Ajax 加载一些内容时。这将加载整个页面并仅返回我的内容。问题是我不想加载整个页面。我只想加载此页面的此内容而不加载整个页面。

  $('#single').load(href+' #single-content', function() { 
  });

此函数加载整个href页面并返回#single-content 。

这可能吗？

不可能只加载页面的一小部分，然后返回该小部分。这是因为如果请求没有完全加载页面并且它根本不位于页面中，则无法知道"#single-content"在页面中的位置。

如果您出于性能原因只想加载" #single-content"，我建议您创建一个新页面，在其中加载仅包含" #single-content "的内容

您在 Web 服务器上选择的语言是什么？你的工作必须处于这个水平。因此，如果您使用的是 PHP，则必须修改页面逻辑，以便可以返回内容的谨慎部分而不是整个页面。

执行此操作的理想方法是在服务器端创建模板。您将拥有一个包含整个 HTML 页面的主模板，然后在其中包含相关内容。然后，您将为站点中的每个页面提供较小的视图文件。这将允许您使用服务器端语言的逻辑，可以选择使用包含页面内容的模板返回整个页面，或者只返回没有外部主模板的页面内容。

    <!doctype html>
    <html lang="en">
    <head>
    <meta charset="utf-8">
    <title>load demo</title>
    <style>
    body {
    font-size: 12px;
    font-family: Arial;
    }
    </style>
    <script src="//code.jquery.com/jquery-1.10.2.js"></script>
    </head>
    <body>
    <b>Projects:</b>
    <ol id="new-projects"></ol>
    <script>
    $( "#new-projects" ).load( "/resources/load.html #projects li" );
    </script>
    </body>
    </html>

这段代码可以做你想要的，它来自官方的jQuery文档 http://api.jquery.com/load/（第一个示例），你可以加载并获取另一个页面的一部分（在同一域上），就像这里一样 http://api.jquery.com/resources/load.html

相关内容

最新更新

热门标签：