Question

我试图在我的网络应用中使用ajax。我有一个像这样的HTML代码：

<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处看到它正在运行，只需打开左侧边栏并单击其中一条线。我怎样才能做到这一点？感谢。

Answer 1

我将整个代码更改为：

<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>

Ajax - Django没有刷新页面

1 个答案: