Как получить данные структуры HTML из URL-адреса и анализировать конкретные данные DOM с помощью JavaScript

Question

Я делаю расширение Chrome.

Это расширение будет запрашивать поисковую систему и получать каждый вывод ключевого слова в формате таблицы HTML.

После получения документа HTML JS проанализирует HTMLDOM и получите указанные данные, затем отобразите данные в определенной вкладке.

Я исследовал в stackOverflow.

1. как я могу получить html-документ из URL из javascript? Этот, поскольку расширение chrome не имеет проблемы с источником, оно может получить доступ к любому домену.
2. Как очистить определенные данные от очистки с помощью простого html dom-парсера Этот, мне не нужно, чтобы он был написан на PHP.

Мне нужно решение JavaScript.

После двухдневного исследования я получил черновой вариант плана, используя jQuery для решения этой проблемы.

Но я сомневаюсь, что это лучшее решение для решения этой проблемы.Желаю экспертные предложения экспертов.

Проблема заключается в следующем:

1) Использование Javascript запросить URL;
2) Использование Javascript получить данные ответа и сохранить данные впеременная или некоторый временный файл;
3) Использование Javascript для извлечения определенных данных из шага 2, таких как конкретный tag_id или элементы тега имени класса.
4) Использование Javascript для записи данных на текущую целевую вкладку веб-страницы в браузере Chrome.

Заранее спасибо.

Answer 1

Вы имеете в виду что-то вроде http://api.jquery.com/jQuery.get/

$.get("http://www.whatismyip.com/", function(response) {
     console.log ("Hey I found out " + $(response).find("#ip").text());
    });

Это, вероятно, относится к 1) 2) и 3), если вы решите проблему access-control-allow-origin (возможно, имея прокси на вашем сервере, который разрешает все домены в своем access-control-allow-origin.

Что касается 4), вы можете внедрить произвольный javascript в любую загруженную страницу, когда вы являетесь расширением Chrome, документация здесь http://code.google.com/chrome/extensions/tabs.html

Answer 2

Этот jsFiddle демонстрирует, как получить некоторые данные из URL и извлечь их части.Это то, что вы ищете?

$.get('/').success(function(data){
    $(data).find('#home').appendTo('div');
});