如何使用 jQuery 向 django 服务器发出请求以刷新页面上的信息

Posted

技术标签:

【中文标题】如何使用 jQuery 向 django 服务器发出请求以刷新页面上的信息【英文标题】:How to make a request using jQuery to a django server to refresh infos on page 【发布时间】:2020-01-22 16:35:47 【问题描述】:

我使用 Django 在 python 中创建了一个网站。我的网站允许您控制灯,同时指示灯是否亮起。 我正在寻找一种解决方案,它可以向服务器发出简单的数据请求并将数据发送回客户端,而无需更新整个页面,而只更新其中的一部分。

我的理想是让客户端向服务器发出带有标识数据的请求。然后,服务器返回允许用户拥有的更新数据。

是否有可能让 javascript 做到这一点?而服务端,它如何向客户端返回数据?

【问题讨论】:

Refresh <div> element generated by a django template的可能重复 【参考方案1】:

您可以使用 jquery AJAX 发送请求并获得响应并更新页面的元素或部分,您可以阅读更多相关信息:

W3schools

或:

jquery.com

我用于 php 项目的 AJAX 函数:(仅举例)

$.ajax(
        type: "POST",
        url: Url,
        data: InfoData, // data if you want to send for example InfoData=dataName: variable or you can set this = '' if you don't want to send data
        datatype: "html",
        success: function(result) 
            console.log(result);
        
    );

【讨论】:

谢谢,但我如何从按钮启动此代码,例如?我可以将它直接放在 之间的 HTML 代码中吗 您可以使用 javascript 或 jquery 事件启动它,例如 onclick="yourFunction()" 或 $("#your-button").click(); w3schools.com/jquery/event_click.asp 或 w3schools.com/jsref/event_onclick.asp 你可以阅读这些链接并知道如何启动它 pastebin.com/wzzYAmAP :这是我的代码,但它不适用于文件名“demo_test.txt”,因为我的页面名为“index.html”...怎么了? 对不起,别担心,我没有问题了,谢谢

以上是关于如何使用 jQuery 向 django 服务器发出请求以刷新页面上的信息的主要内容,如果未能解决你的问题,请参考以下文章

Django(十九)Ajax全套

python测试开发django-130.jQuery中$.ajax()方法发GET/POST/DELETE请求

如何使用 jquery 向用户显示弹出通知?

如何将 Django 的 CSRF 令牌添加到 jQuery POST 请求的标头?

我如何从 jQuery Datatables 调用 django 视图?

使用 JQUERY UI 向 Django 发送 POST 数据