私も SO でこの質問を見たことがあるので、これは多くの人にとって重複している可能性がありますが、この質問に対する答えは見つかりませんでした。
ナビゲーション バーからアイテムを選択し、現在のデータを AJAX で生成されたデータに置き換えることで、別のタグ内のコンテンツを表示したいと考えています。
現在、データをpythonサービスに投稿できます。データは処理され、最終的にクライアントに返されます。データを に変更する最後の部分は行われてdiv
いません。
これが私のコードです。
パイソンサービス
def dashboard(request):
if request.is_ajax():
which_nav_bar = request.POST['which_nav_bar']
print which_nav_bar // prints which_nav_bar inside the terminal
ctx = {'result' : "hellloooo"}
return render_to_response('dashboard/dashboard1.html',ctx, context_instance = RequestContext(request))
JSファイル
$(function (){
$("#nav_bar li").click(function(){
alert($(this).text()); // works fine
$.ajax({
type: "POST", //able to post the data behind the scenes
url: "/dashboard/",
data : { 'which_nav_bar' : $(this).text() },
success: function(result){
$(".container-fluid").html(result);
}
});
});
});
HTML
<div class="navbar">
<div class="navbar-inner">
<ul class="nav" id="nav_bar">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Device</a></li>
<li><a href="#">Content</a></li>
<li><a href="#">About</a></li>
<li><a href="#">Help</li>
</ul>
</div>
</div>
<div class="container-fluid"></div>
出力
これは私が実際に得たものです$(".container-fluid").html(result);
。代わりに、Python コードが何か (この場合はctx
) を返し、ctx 変数を出力する必要があります。