jQuery load() php 文件内的某个 div 或 id？

Question

如果我单击按钮，我想加载(刷新部分)我的页面。因此我在 Wordpress 中使用这个 jQuery 代码:

jQuery(document).ready(function() {
    jQuery("#dynamic").load("single.php");
});

我想要的是加载 single.php 文件中的某个 div 或 ID，但我无法让它工作。我尝试了这个，但没有成功:

jQuery(document).ready(function() {
    jQuery("#dynamic").load("single.php + '#certain-id'");
});

我问的问题可以用 jQuery 实现吗？如果是，怎么办？我只想像 Ajax 一样刷新我的帖子...

PS:我使用的是 single.php，因此每个帖子都有一个唯一的 URL 名称。因此我无法在函数中使用hyperlink。 简而言之:我不想加载整个 single.php，而是加载 single.php 的一部分。

Answer 1

您必须在load()中给出选择器 ，在您正在加载的文件之后

jQuery(document).ready(function() {
    jQuery("#dynamic").load("single.php #certain-id");
});

加载页面片段

The .load() method, unlike $.get(), allows us to specify a portion ofthe remote document to be inserted. This is achieved with a specialsyntax for the url parameter. If one or more space characters areincluded in the string, the portion of the string following the firstspace is assumed to be a jQuery selector that determines the contentto be loaded.

We could modify the example above to use only part of the documentthat is fetched:

1 $('#result').load('ajax/test.html #container');

When this methodexecutes, it retrieves the content of ajax/test.html, but then jQueryparses the returned document to find the element with an ID ofcontainer. This element, along with its contents, is inserted into theelement with an ID of result, and the rest of the retrieved documentis discarded, Reference.