Ajax - Django不刷新頁面

我想在我的web應用程序中使用ajax。我有一個HTML代碼：Ajax - Django不刷新頁面

<div class="item"> 
    <div class="menu"> 

      {% for bas in bslklr %} 
      <div class="basliklinki"> 

       <a class="item" id="baslikl" href="/baslik/{{ bas.title }}">{{ bas }}</a> 

      </div> 
      {% endfor %} 

    </div>  
</div> 
<div class="ajaxli-segment"> 
[code] 
</div> 
<div class="ajaxli-main"> 
[code] 
</div>

，我用這個JS代碼：

function ajax_get_update() 
    { 
     $.get(url, function(results){ 
      var segment = $("div.ajaxli-segment", results); 
      var main = $("div.ajaxli-main", results); 
      $('.ajaxli-segment').html(segment); 
      $('.ajaxli-main').html(main); 
     }, "html"); 
    } 

$(document).ready(function() { 
    $('.basliklinki .item#baslikl').click(function(e) { 
     e.preventDefault(); 
     url = ($('.basliklinki .item#baslikl')[0].href); 
     ajax_get_update(); 
    }); 
}); 

$(document).ajaxStop(function() { 
    $('.basliklinki .item#baslikl').click(function(e) { 
     e.preventDefault(); 
     url = ($('.basliklinki .item#baslikl')[0].href); 
     ajax_get_update(); 
    }); 
});

我在他們的模板ajaxli-segment和ajaxli-menu的div的對象的所有字段。我想讓他們沒有刷新頁面，但我的代碼不起作用。當我單擊其中一個對象時，它會清空ajaxli-segment和ajaxli-main div，但它不會從具有相同div的頁面獲取新內容，我想查看它們。你可能會在munhasir.com看到它的行動，只需打開左邊欄並點擊其中的一行。我該如何做這項工作？謝謝。

來源

2014-10-09 malisit

是被觸發的JavaScript點擊功能？ – PhoebeB 2014-10-10 08:58:03

是的，它由一個標籤觸發。它會清空'ajaxli-segment'和'ajaxli-main' divs，但它不會從具有相同div的頁面獲取新內容，我希望看到它。 – malisit 2014-10-10 09:42:02

您可以在munhasir.com上看到它的行動，只需打開左邊欄並點擊其中一行。 – malisit 2014-10-10 10:54:14

我改變了整個代碼如下：

<div class="item"> 
    <div class="menu eyceksli" id="ajax_table_result"> 

      {% for bas in bslklr %} 
       <script type="text/javascript"> 
function ajax_get_update() 
    { 
     $.get(url, function(results){ 
      xx =$(results).filter("#mainsegment").html(); 
      yy =$(results).filter("#mainn").html(); 

      $('#mainsegment').html(xx); 
      $('.ajaxli-main').html(yy); 
     }, "html"); 
    } 

$(document).ready(function() { 
    $('.basliklinki #baslikl{{ bas.id }}').click(function(e) { 
     e.preventDefault(); 
     url = ($('.basliklinki #baslikl{{ bas.id }}')[0].href); 
     ajax_get_update(); 
    }); 
}); 

$(document).ajaxStop(function() { 
    $('.basliklinki #baslikl{{ bas.id }}').click(function(e) { 
     e.preventDefault(); 
     url = ($('.basliklinki #baslikl{{ bas.id }}')[0].href); 
     ajax_get_update(); 
    }); 
}); 
</script> 
      <div class="basliklinki"> 

       <a class="item" id="baslikl{{ bas.id }}" href="{% url 'tek_baslik' bas.title %}" style="color:#05377E;">{{ bas }} {% if bas.gunentry > 0 %} ({{ bas.gunentry }}) {% endif %}</a> 


      </div> 
      {% endfor %} 

      <br> 
    </div>  
</div>

來源

2014-10-10 21:19:20 malisit

Ajax - Django不刷新頁面

回答

相關問題