JQuery клонирование или перемещение информации AJAX с другой страницы - PullRequest
Новая
       26

JQuery клонирование или перемещение информации AJAX с другой страницы

0 голосов
/ 13 июля 2011

Я пытаюсь клонировать (или переместить) информацию с одной страницы на другую, используя jQuery и ajax.Этот код в настоящее время ничего не делает для меня, и это все, с чем мне приходится работать:

По сути, он проверяет страницу на идентификатор Deal_1.Если найден, я хочу переместить (или клонировать) эти три div , которые находятся на проверяемой странице с классами deal-product-name deal-saving-stock-details & deal-end, на страницу, на которой я сейчас нахожусь. 

$.ajax({
url: "http://tsqja.deznp.servertrust.com/dealoftheday.asp",
context: document.body,
dataType: 'html',
success: function(data){      
        if ($(data).find('#Deal_1').length >= 1) {                          
            $('#dealofdaytop').after($('.deal-product-name')); 
            $('#dealdayprice').after($('.deal-saving-stock-details'));
            $('#dealdayprice').after($('.deal-end'));      
        }
});

Это на текущей странице, я хочу, чтобы div переместился на: 

<div class="deal" id="dealday">
  <div id="dealofdaytop" align="center"><img style="opacity:0.8;filter:alpha(opacity=80)" src="http://www.mysite.com/v/newsite/dealofday/dealofdaytop.png"> </div>
  <div id="dealdayprice" style="height: 60px;"></div>  
  <div id="dealdaybg"></div>
</div>

Ответы [ 2 ]

1 голос
/ 13 июля 2011

Полагаю, так должно быть; 

if ($(data).find('#Deal_1').length >= 1) {                                      
    $('#dealofdaytop').after($('.deal-product-name', data));
    $('#dealdayprice').after($('.deal-saving-stock-details', data));
    $('#dealdayprice').after($('.deal-end', data));              
}

Рабочий пример кода: 

$(document).ready(function () {
    $.ajax({
        url: "http://localhost/WebApplication1/WebForm2.aspx",
        context: document.body,
        success: function (data) {
            $(".dummy_container").after($(".deal-product-name", data));
        }
    });
});

Содержимое WebForm1.aspx 

<div class="dummy_container"></div>

Содержимое WebForm2.aspx 

<div id="Deal_1">
    <div class="deal-product-name">
        Test data
    </div>
</div>

Надеюсь, это поможет.

0 голосов
/ 13 июля 2011

В вашем обработчике успеха вы пытаетесь использовать функции JQuery DOM непосредственно для возвращаемых данных, которые здесь являются просто строкой. Насколько я знаю, ты не можешь этого сделать. Если результатом вашего вызова ajax является HTML, и вы хотите вставить его на свою страницу, вы можете использовать на нем функции JQuery DOM или функции regex непосредственно в строке.

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

...