ジャンゴ - ブロックを使用して本体のみのページをリロードしてページ全体を更新しない

base.htmlジャンゴ - ブロックを使用して本体のみのページをリロードしてページ全体を更新しない

<body class="skin-red"> 
    <!-- Site wrapper --> 
    <div class="wrapper"> 

     <!-- #HEADER --> 
     {% include 'HEADER.html' %} 
     <!-- /#HEADER --> 

     <!-- #SIDEBAR --> 
     {% include 'SIDEBAR.html' %} 
     <!-- /#SIDEBAR --> 

     <!-- #BODY --> 
     {% block content %} 
     {% endblock %} 

     <!-- /#BODY --> 

     <!-- #FOOTER --> 
     {% include 'FOOTER.html' %} 
     <!-- /#FOOTER --> 


     {% block extrajavascript %} 
     {% endblock %} 

    </body>

HEADER.html：

<header class="main-header"> 
    <a href="/rm" class="logo"><b>Resource</b> Monitor <i class="fa fa-bar-chart-o" style="color:#ffd400"></i></a> 
    <!-- Header Navbar: style can be found in header.less --> 
    <nav class="navbar navbar-static-top" role="navigation"> 
     <a href="#" class="sidebar-toggle" data-toggle="offcanvas" role="button"> 
      <span class="sr-only">Toggle navigation</span> 
     </a> 

     <ul class="nav navbar-nav"> 
      <li><a href="/rm">Home <span class="sr-only">(current)</span></a></li> 
      <li><a href="/rm/pcinfo"> PC information </a></li> 
      <li><a data-toggle="tab" href="#tab_sysuse">??? ???</a></li> 
      <li><a data-toggle="tab" href="#tab_procuse">???? ???</a></li> 
      <li><a data-toggle="tab" href="#tab_prodet">???? ????</a></li> 
      <li><a data-toggle="tab" href="#tab_sdwt">SDWT ????</a></li> 
      <li><a data-toggle="tab" href="#tab_pcevents">??? ?? ??</a></li> 
      <li><a data-toggle="tab" href="#tab_winevents">??? ?? ID? ??</a></li> 
      <li><a data-toggle="tab" href="#tab_agentinfo">Agent ????</a></li> 
      <li class="dropdown"> 
       <a class="dropdown-toggle" data-toggle="dropdown" href="#">Email ?? ?? <span class="caret"></span></a> 
       <ul class="dropdown-menu" role="menu"> 
        <li><a data-toggle="tab" href="#tab_emailconfigs">??? ??</a></li> 
        <li><a data-toggle="tab" href="#tab_emailreceiver">??? ??</a></li> 
       </ul> 
      </li> 
     </ul> 
    </nav> 
</header>

私は、ヘッダのタブメニューをクリックすると、私がしたいですリロードのみ {% block content %} {% endblock %} 全ページではありませんが、今ではページ全体をリロードしました。サイドバーにformboxがあり、ユーザーが入力する値がいくつかあります。だから私は、ページ全体をリフレッシュして自分のユーザー入力を失いたくない。何か解決策はありますか？

出典

2017-06-07 Nate Kim

「リロードなし」機能が必要な場合は、javascript DOM APIを使用してコンテンツを取得し、HTMLコンテンツを変更するにはjavascript AJAX apiが必要です。

ジャンゴやウェブサーバが要求 - 応答のように動作する任意のアプリケーション・サーバーまたはHTTPレスポンスがブラウザに返されたとき、サーバはクライアントに制御することはできません。

出典

2017-06-07 02:53:51

ありがとうございました！私はwiew.pyでjsonを返し、ajaxを使ってdivだけをリロードします。 –

ジャンゴ - ブロックを使用して本体のみのページをリロードしてページ全体を更新しない

答えて

関連する問題