Извлечь элементы из html с помощью javascript

Question

Предположим, у меня есть веб-страница в Интернете, на этой странице есть много элементов с идентификаторами. Как получить эти элементы с помощью javascript? Я использовал этот кусок с JQuery:

$.get(websiteUrl, {}, function(results){ 
    //alert(results); // will show the HTML from anotherPage.html 
    console.log($(results).find("bookId").html()); // show "bookId" div in results 
    }); 

Но я получаю сообщение об ошибке:

XMLHttpRequest cannot load; Origin http://127.0.0.1:8000 is not allowed by Access-Control-Allow-Origin. 

На самом деле, я пытаюсь загрузить некоторые данные из веб-страницы в PhoneGap приложение на Android. Любые идеи, как это сделать?

Answer 1

Большинство браузеров придерживаются строгой политики одного и того же происхождения. Это означает, что вы не можете отправлять запросы Ajax на другой сервер. Хотя вы можете обойти его, это нецелесообразно делать с каждым клиентом.

Лучше всего было бы вызвать серверный скрипт, чтобы получить его для вас, и вернуть результаты в JavaScript.

Answer 2

Вы можете использовать jsonp для выполнения междоменных вызовов ajax, хотя вы не получите обратные вызовы с ошибками или таймаутом. jsonp поддерживается iQuery. http://api.jquery.com/jQuery.ajax/ Теория заключается в том, что вы добавляете тег скрипта на страницу с тщательно сформированным URL-адресом, который включает имя функции обратного вызова. Затем сервер обрабатывает запрос «ajax» и возвращает ответ в виде единственного параметра tp вашей функции обратного вызова.