javascript - Django - 使用 block 仅重新加载正文页面而不刷新整个页面-6ren

javascript - Django - 使用 block 仅重新加载正文页面而不刷新整个页面

转载作者：行者123 更新时间：2023-12-01 03:33:47

25

4

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 内容 %} {% endblock %} 不是整个页面..但现在它重新加载了整个页面..我的侧栏中有表单框，并且有一些用户输入的值。所以我不想通过刷新整个页面来丢失用户输入。有什么解决办法吗？

最佳答案

如果您需要“无需重新加载”功能，您需要 javascript AJAX api 来获取内容并使用 javascript DOM api 更改 html 内容。

Django or any application server or http webserver works in a request-response way, when a response is returned to the browser, the server has no control to the client.

关于javascript - Django - 使用 block 仅重新加载正文页面而不刷新整个页面，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/44402679/

25

4

0

文章推荐： javascript - 为什么推送到一个数组会影响另一个数组？

文章推荐： jquery - 在 jquery 中附加对象值

文章推荐： javascript - 使用 javascript 将 SVG 保存为 PNG 未知 DOM 异常

文章推荐： Python TachoMeter，如何在每个 create_line 之后显示

httpresponse - 休息轻松响应状态+正文
我在休息服务中有以下方法: @POST @Path("/create") @ResponseStatus(HttpStatus.CREATED) @Consumes(M
带有变量的 phpmailer 正文
这个问题不太可能对 future 的访客有帮助；它只与一个小的地理区域、一个特定的时刻或一个非常狭窄的情况相关，通常不适用于互联网的全局受众。如需帮助使这个问题更广泛地适用，visit the hel
javascript - 在外部单击时关闭弹出窗口(正文)
我有这样的弹出框: Speelland And here's some amazing content. It's very engaging. Right? Meer
javascript - 获取响应头/正文
我正在开发一个 firefox 插件，我正在收听这样的 http 响应: var observerService = Components.classes["@mozilla.org/observer
javascript - 知道为什么这段代码不起作用吗？正文 > *
我正在使用 jqtouch 制作一个移动网站。我还在网站中实现了图库图像 slider ，但是当图库放在我需要的位置时(在之间，图像不会显示。修补了几个小时后，删除了 display: none
CSS 正文 :after not displaying
为了在 iPad 上的 Safari 上显示视差效果，我采用了以下 CSS 规则: body:after { content: ""; position: fixed; top
VBA 在电子邮件正文中插入链接而不使用 HTML 正文？
我想在通过 excel VBA 创建的电子邮件正文中插入一个链接。链接每天都在变化，所以我把它的值放在单元格 B4 中。但是，我找不到正确的方法来发送带有该链接的电子邮件。这是我正在使用的代码: P
postman - 如何发送大型 JSON 正文？
我正在尝试使用具有非常大主体的 Postman 执行 POST 请求。只有一个 JSON 字段非常大，我想知道是否可以从 Postman 的文件中加载该字段？ { "field1": {
SoapUI 原始请求未显示 JSON 正文
这个问题是针对 SoapUI 5.2.1 社区版的: 我有一个包含变量的 JSON 主体的 POST 请求。我总是能够通过单击“原始”选项卡以查看请求进行或将发送到服务器来验证这些参数是否采用正确的
javascript - 文本到 Outlook 正文
我有这个按钮，单击该按钮会打开 Outlook，其中包含我提供的详细信息。我还有一个 TEXTAREA，其中包含某些文本。我正在寻找一种方法让此文本出现在我的 Outlook 正文中。这可以做到吗？请
azure - 多次读取 BrokeredMessage 正文
我知道错误消息是不言自明的，我们无法多次读取消息正文。这里我使用AOP(面向方面编程)来进行审计日志。 [AuditServiceMethod(AttributePriority = 0)] [F
Grails:如何使用命令对象验证由项目列表组成的 POST 正文？
我在 grails 3.3.3 中编写自定义验证器(命令)时遇到了一些问题。具体来说，我正在尝试验证其正文由项目列表组成的 POST 请求。这就是我所拥有的... 命令: class VoteComm
rest - 无法读取 json 正文
这个问题在这里已经有了答案: json.Marshal(struct) returns "{}" (3 个回答) JSON and dealing with unexported fields (3
javascript - 清理带有过多标签的电子邮件 HTML 正文
我想清理很多邮件的 HTML 正文，它们有点脏(取自 Gmail 发送的电子邮件):有很多嵌套，不需要的字体更改等我想清理它并只保留 , , , , , 仅此而已(可能还有或一些，
javascript - 如何旋转 Accordion 正文？
我正在使用 Accordion 功能在我的模块中添加端口详细信息。我只想在水平方向上显示正文内容。请看下面的 fiddle 。 html, body { background-color:#e
javascript - 正文 HTML 中的文本未被正确替换
我的 HTML 正文中有这个: loaded y&EACUTE;t. 使用 JavaScript 我有这个: $( document ).ready(function() { document.bod
javascript - 在谷歌图表中显示 json 正文
我对图表有很大的疑问。我试图在谷歌图表中显示一些 json 值，但我总是会出错。从 JSON 正文中，我只需要图表上个月的“全部购买”和“日期”。我见过的所有例子，他们已经有了一个静态的自定义 Jso
ios - 如何使用文本字段中的文本填充 textComposer 正文
我的应用程序的功能之一涉及用户填写三个单独的文本字段(预订名称、客人和日期)，然后使用文本编辑器通过短信发送这些字段中的文本。我无法将这些 View 中的文本放入正文中。这是我的代码: - (IBAc
javascript - 正文 onunload 事件
我正在开发一个 HTA，它应该对 onunload 事件进行一些最终修改。该事件似乎没有被触发。该事件是否仍受支持？是否有 IE 事件可以知道页面何时关闭？我检查了一下(JavaScript bo
html - 页眉、正文、页脚的多个背景图像
我正在尝试将以下图像添加为网站内容的背景: http://webbos.co/vibration/wp-content/themes/vibration-child-theme/images/back

首页

博学

6Ren·AI

商城

javascript - Django - 使用 block 仅重新加载正文页面而不刷新整个页面