динамически обновлять содержимое div

Question

Здравствуйте. У меня проблемы с перезагрузкой div при добавлении новой записи.Я хотел сначала показать загрузочное изображение, а затем после вставки записи перезагрузить div.

$("a.follow").click(function(event) {
    event.preventDefault();
    $("#flash").show();
    $("#flash").fadeIn(300).html('<img src="ajax-loader-transp.gif" />Loading Result.');

    $.ajax({
        //url: $(this).attr("href"),
        success: function(msg) {
            $("#results_div").load('http://localhost/<app_name>/index.php/<contoller>/index');
        }
    });
    return false;
});

Это то, что я получил, когда пытался выполнить код, который обновляетвся физическая страница в div, а не нужный div.,,

Извините, ребята, я плохо знаком с jQuery и BTW, это в CodeIgniter.

Answer 1

Ваша проблема в том, что codeigniter, очевидно, возвращает целую HTML-страницу. У вас есть два варианта:
Либо верните только фрагмент (я не знаю, как это сделать в CI), либо используйте jQuery для анализа нужного вам div. Это можно сделать с помощью следующего кода, предполагая, что нужный вам div называется <div id="results_div">...</div>

$("a.follow").click(function(event) {
    event.preventDefault();
    $("#flash").show();
    $("#flash").fadeIn(300).html('<img src="ajax-loader-transp.gif" />Loading Result.');
    $("#results_div").load('http://localhost/<app_name>/index.php/<contoller>/index #results_div', function(){ $('#flash').hide(); });
});

Answer 2

Это моя лучшая догадка без HTML для работы с:

$("a.follow").click(function(event) {
        event.preventDefault();
// show the linke
        $("#flash").fadeIn(300).html('Loading Result.');
//ajax load the 'mini div' result -- i guessed that this url pulls back the div you want
        $("#results_div").load('http://localhost/<app_name>/index.php/<contoller>/index', function(data, text, xhr){
      $('#flash').fadeOut("fast");
    });
        });

Answer 3

Можете ли вы включить HTML с #results_div div?