動的に内容を更新する

Question

こんにちは私は新しいレコードが追加されたときにdivの再読み込みに関する問題を抱えています。私がしたかったのは、最初に読み込みイメージを表示してから、レコードが挿入された後にdivをリロードすることです。私はそれが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; 
}); 

。 。 。

申し訳ありませんが、私はjQueryと貧しいです、これはCodeIgniterにあります。

Answer 1

あなたの問題が明らかにCodeIgniterのものであり、全体のHTMLページを返します。 2つの選択肢があります：
フラグメントのみを返します（CIでこれを行う方法はわかりません）。または、jQueryを使用して必要なdivを解析します。 // localhost /を /index.php/ /インデックスが現在のURLです：これは、あなたがしたいの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

#results_div divにHTMLを含めることはできますか？

Answer 3

これはで動作するように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"); 
    }); 
     });