javascript - How to load the div of another webpage and not the entire page into my webpage? - Stack Overflow

admin管理员组

文章数量:1302317

I have two webpages internal.html and external.html

I have the following piece of code in internal.html which loads external.html into div with id "result"

   <script src=".10.2/jquery.min.js"></script>
   <script>
function autoRefresh_div()
{
      $("#result").load("https://abc/external.html");// a function which will load data from other file after x seconds
 }

  setInterval('autoRefresh_div()', 5000); // refresh div after 5 secs
            </script>

I have a div with id "test" in external.html.
How do I load only the div with id "test" of external.html into internal.html's div with id "result" and not the entire page?

I have two webpages internal.html and external.html

I have the following piece of code in internal.html which loads external.html into div with id "result"

   <script src="http://ajax.googleapis./ajax/libs/jquery/1.10.2/jquery.min.js"></script>
   <script>
function autoRefresh_div()
{
      $("#result").load("https://abc/external.html");// a function which will load data from other file after x seconds
 }

  setInterval('autoRefresh_div()', 5000); // refresh div after 5 secs
            </script>

I have a div with id "test" in external.html.
How do I load only the div with id "test" of external.html into internal.html's div with id "result" and not the entire page?

• javascript
• jquery
• html

Share Improve this question Follow asked Nov 27, 2014 at 6:45 LovingRailsLovingRails 1,57522 gold badges1717 silver badges3030 bronze badges 1

• see here api.jquery./load – Suchit kumar Commented Nov 27, 2014 at 6:59

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 5

http://api.jquery./load/

Loading Page Fragments

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

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

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

When this method executes, it retrieves the content of ajax/test.html, but then jQuery parses the returned document to find the element with an ID of container. This element, along with its contents, is inserted into the element with an ID of result, and the rest of the retrieved document is discarded.

jQuery uses the browser's .innerHTML property to parse the retrieved document and insert it into the current document. During this process, browsers often filter elements from the document such as , , or elements. As a result, the elements retrieved by .load() may not be exactly the same as if the document were retrieved directly by the browser.

---

In your case you'll want to modify your code to:

$("#result").load("https://abc/external.html #test")

Use:

$("#result").load("https://abc/external.html #test");

本文标签： javascriptHow to load the div of another webpage and not the entire page into my webpageStack Overflow