Как получить и показать содержимое другой HTML-страницы с помощью Jquery? - PullRequest
0 голосов
/ 28 декабря 2010

Я новичок в Jquery. Я пытаюсь понять, как получить содержимое и показать другой HTML.

Вот мой код, который не работает:

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery-1.4.4.js"></script>  
  </head>
  <body>    
    <div id="target">
        click here to see test1.html
    </div>
    <script type="text/javascript">
        $('#target').click(function() {
            $.get('test1.html', function(data) {
                $('.result').html(data);
                alert('Load was performed.');
            });
        });
    </script>
  </body>
</html>

Мой вопрос ... Как я могу заставить это работать. Я прочитал документацию, но не понимаю, нужно ли мне использовать какой-либо внешний скрипт (PHP) для этого.

Если бы вы могли дать мне несколько подсказок, я был бы очень признателен.

Обновление:

Я успешно выполнил задачу получения внутренней веб-страницы:

<!doctype html>
<html>
  <head>
    <script type="text/javascript" src="jquery-1.4.4.js"></script>  
  </head>
  <body>    
    <div id="target">
        click here to see teste1.html
    </div>
    <div id="result">

    </div>
    <script type="text/javascript">
        $('#target').click(function() {
            $.get('teste1.html', function(data) {
                $('#result').html(data);
                alert('Load was performed.');
            });
        });
    </script>
  </body>
</html>

Основная цель - получить внешнюю веб-страницу, но это не работает:

$.get('http://www.google.com/index.html', function(data) {
    $('#result').html(data);
    alert('Load was performed.');
});

Некоторые подсказки, как этого добиться?

С наилучшими пожеланиями.

1 Ответ

1 голос
/ 28 декабря 2010

Основная проблема в том, что у вас нет выходного элемента, у вас есть $('.result'), но у вас нет элемента class="result" для него, чтобы найти / поместить содержимое.

Также имейте в виду, что .innerHTML (то, что вы в конечном итоге используете здесь) варьируется в зависимости от реализации, означая, что различное содержимое документа (<head>, <script> и т. Д.) Может быть удалено при вставке его в элемент в вашемстр.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...