Вопросы Теги

Simple Screen Scraping using jQuery

I have been playing with the idea of using a simple screen-scraper using jQuery and I am wondering if the following is possible.

I have simple HTML page and am making an attempt (if this is possible) to grab the contents of all of the list items from another page, like so:

Main Page:

<!-- jQuery -->
<script type='text/javascript'>
$(document).ready(function(){
$.getJSON("[URL to other page]",
  function(data){

    //Iterate through the <li> inside of the URL's data
    $.each(data.items, function(item){
      $("<li/>").value().appendTo("#data");
    });

  });
});
</script>

<!-- HTML -->
<html>
    <body>
       <div id='data'></div>
    </body>
</html>

Other Page:

//Html
<body>
    <p><b>Items to Scrape</b></p>   
    <ul>
        <li>I want to scrape what is here</li>
        <li>and what is here</li>
        <li>and here as well</li>
        <li>and append it in the main page</li>
    </ul>
</body>

So, is it possible using jQuery to pull all of the list item contents from an external page and append them inside of a div?

42
задан Rion Williams 19 December 2012 в 22:22
поделиться