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不刷新页面

回答

相关问题