2016-04-13 15 views
0

Dizin görünümümdeki bir bölümü, kısmi Görünüm'den aldığım yeni verilerle değiştirmem. Firebug'da gördüğüm doğru bir yanıt alıyorum. Şimdilik sadece başarıda, çalışmakta olduğunu belirten bir uyarı penceresi görüyorum. Körük benim Ajax kodum ve aldığım yanıtın bir parçası (bir ul içinde 20 liste grubu). Yani her div javascript kodu için sadece benim görüşüme göre yazmak zorunda mıyım yoksa başka bir seçenek var mı? Belki bazı örnekler lütfen?Ajax yanıtından javascript ile içerik nasıl değiştirilir?

Saygılar!

<script> 
     function testAjax() { 
      debugger; 
      $.ajax({ 
       url: "@Url.Content("~/Controller/MyAction")", 
       data: "searchString=search", 
       type: "Post", 
       beforeSend: function() { 
        //Code for before send whatever you have to do. 
       }, 
       success: function (data) { 
        alert("It's Working!"); 
       }, 
       error: function (response) { 
        //Your code when error ocure 
        alert(response.responseText); 
       }, 
       failure: function (response) { 
        //your code for failure 
        alert(response.responseText); 
       } 
      }) 
     } 
    </script> 

tepkim:

<ul class="list-group infinite-scroll">      
     <li class="list-group-item col-md-6"> 
      <div class="noo-event-featured-item grow"> 
       <div class="sc-event-content"> 
        <h3><a href="/Controller/Podrobnosti/73" onclick="checkCookie();">text</a></h3> 
        <div class="bottom"> 
         <div class="create-date"> 
          <span> 
           date 
          </span> 
         </div> 
        </div> 
       </div> 
       <div class="sc-event-item"> 
        <div class="event-thumbnail"> 
         <a href="link" > 
          <img src="image link"> 
         </a> 
         <div class="sc-meta"> 
          <span class="sc-date"><i class="fa fa-clock-o"></i><span> text</span></span> 
          <span class="sc-address"> 
           <i class="fa fa-map-marker" style="padding-left: 3px;"></i>Place<span class="tribe-address"> 
            <span class="tribe-street-address">Street</span><span class="tribe-delimiter" 
>, </span> 
            <span class="tribe-locality">Country</span> 
           </span> 
          </span>       
         </div> 
        </div> 
       </div>    
      </div> 
     </li> 
</ul> 
+0

Görüntülemeden önce bir nokta kullanmalısınız. Ne yapmak istersin? – Rayon

+0

Ul'umu yanıtla aldığım ile değiştirmek için. –

+0

Eğer div'unuzu tamamen yanıt html ile değiştirmek istiyorsanız, .html (data) yerine .replaceWith (data) öğesini deneyin. – jeetaz

cevap

0

Eğer cevabınız onun (düz metin) html kodu, başarı işlevinde böyle bir şey kullanmak deneyebilirsiniz:

$('yourDiv').empty();//clear child nodes 
$('yourDiv').html(data);//append new nodes 
+0

Neden '.empty()' ... '.html()' tüm çocuk düğümlerini değiştirir .. – Rayon

+0

Üzgünüm, 'benim için çalışmıyor :(Arama fonksiyonu doğru çalışıyor, 20 sonuç daha aldım- pagination, ancak ilk 20 sonuç güncelleştirmez.Ben unobtrosive betik değiştirmek zorunda mıyım yoksa başarı yöntemi bazı foreach fonksiyonu yazmalı mıyım? –

+0

Ben uyarı penceresi uyarısı (veri) tüm verileri aldım, ama ben Verileri nasıl değiştireceğimi anlamayacağım. –

0

teşekkür ederiz hepsi anladım. $(".divid").replaceWith(data);

İlgili konular