Как получить html div на другой странице с помощью jQuery ajax?

Я использую jQuery-ajax-код для загрузки новых страниц, но хотел, чтобы он получил только html div.Как получить html div на другой странице с помощью jQuery ajax?

Мои коды: HTML:

<body> 
    <div id="content"></div> 
</body>

Сценарий:

$.ajax({ 
    url:href, 
    type:'GET', 
    success: function(data){ 
     $('#content').html(data); 
    } 
});

Я хотел, чтобы он получил только HTML в $ ('# Div содержание') на другой странице. Как это сделать?

источник

2013-09-21 Iago Bruno

Вы действительно не можете сделать это, Ajax запрос получает весь файл, но вы можете фильтровать содержимое, как только это извлеченный:

$.ajax({ 
    url:href, 
    type:'GET', 
    success: function(data) { 
     var content = $('<div>').append(data).find('#content'); 
     $('#content').html(content); 
    } 
});

Обратите внимание на использование фиктивного элемента, как find() работает только с потомками , и не будет находить корневые элементы.

или пусть JQuery фильтровать для вас:

$('#content').load(href + ' #IDofDivToFind');

Я предполагаю, что это не запрос крест домена, так как это не будет работать, только страницы на том же домене.

источник

2013-09-21 22:11:37 adeneo

Да я попробовал этот метод, но не правильный фильтр. –

Хорошо, вы должны «сконструировать» html и найти div .content.

так:

$.ajax({ 
    url:href, 
    type:'GET', 
    success: function(data){ 
     $('#content').html($(data).find('#content').html()); 
    } 
});

просто!

источник

2013-09-21 22:47:26

Не делайте этого, это приведет к тому, что сценарии будут запускаться с другой страницы потенциально - это странная проблема, которая может не повлиять на вас, но я рекомендую использовать .load, который лишит скрипты. Ala 'var loadHolder = $ ('

'); loadHolder.load (href + '#content', function() { $ ('# content'). LoadHolder.find ('# content'). Html()) }) ' – Shadaez

Вы можете использовать JQuery .load() метод:

http://api.jquery.com/load/

$("#content").load("ajax/test.html div#content");

источник

2013-09-22 00:11:20 nilgun

Отлично! Любая идея, как заставить его правильно загружать изображения, которым присваивается корневая ссылка '/' вместо относительного '../' или absolute 'http: // example.com /'? В принципе, как вы можете загрузить его для загрузки изображений на другой сайт? – fredsbend

Если вы ищете контент из другого домена это будет делать трюк:

$.ajax({ 
    url:'http://www.corsproxy.com/' + 
     'en.wikipedia.org/wiki/Briarcliff_Manor,_New_York', 
     type:'GET', 
     success: function(data){ 
      $('#content').html($(data).find('#firstHeading').html()); 
     } 
});

источник

2014-10-19 22:55:44

эй это Браярклифф !! : D Я из White Plains – Sticky

, это приведет к тому, что скрипты будут запускаться с другой страницы потенциально - это странная проблема, которая может не повлиять на вас, но я рекомендую использовать .load – Shadaez

$.ajax({ 
    url:href, 
    type:'get', 
    success: function(data){ 
    console.log($(data)); 
    } 
});

Этот консольный журнал получает массив вроде объекта: [meta, title,,], очень странно

Вы можете использовать JavaScript:

var doc = document.documentElement.cloneNode() 
doc.innerHTML = data 
$content = $(doc.querySelector('#content'))

источник

2016-04-18 13:44:39 zangbianxuegu

Как получить html div на другой странице с помощью jQuery ajax?

ответ

Смежные вопросы