2011-07-13 13 views
0

jQueryとajaxを使用して、あるページから別のページへ情報を複製(または移動)しようとしています。このコードは現在、私のために何もしていませんし、私は一緒に作業する必要があります:jQueryクローニングまたは別のページからajax情報を移動

本質的には、ID Deal_1のページをチェックしています。見つかった場合は、ページにあるこれらの3つのdiv を移動したい(またはクローンしたい)場合は、deal-product-namedeal-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> 
+0

あなたは.append()の代わりに.after()を使用しないでください。 –

答えて

1

私はそれがこのようにすべきだと思います。サンプルコードの作業

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));    
} 

:WebForm1.aspxを

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

内容

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

をWebForm2.aspx

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

の内容は、この情報がお役に立てば幸いです。

+0

まだ運がありません。 POSTリクエストなどが必要ですか? – ToddN

+0

.deal-product-nameは、dealoftheday.aspの右の要素に属するクラスですか? –

+0

それは正しいです。これらのクラスはすべてdealoftheday.aspにあり、別のページに移動(または複製)しようとしています。 – ToddN

0

、あなたは単なる文字列で返されたデータに直接jQueryのDOM関数を使用しようとしていますここに。私が知る限り、あなたはそれをすることはできません。あなたのajax呼び出しの結果がHTMLで、あなたのページにそれを挿入したい場合は、jQuery DOM関数を使用するか、regex関数を文字列に直接使用することができます。

この問題は、返されたさまざまなオブジェクトのレスポンスの異なる部分でJSONを返すようにしたいと思っているように見えます。その場合、JavaScriptを使用してそれらのオブジェクトにアクセスし、探している結果を取得しますそれを使ってあなたのページの適切な部分を修正してください。

関連する問題