时间戳

首页 > 解决方案 > 获取窗口宽度并作为变量发送到烧瓶

javascript - 获取窗口宽度并作为变量发送到烧瓶

问题描述

我正在尝试将窗口宽度设置为一个变量，该变量将与一些输入文本一起发送到我的后端 Flask 程序。窗口宽度变量将决定哪个代码块将在 Python 中执行。我找到了有关如何获取正在查看网站的屏幕的窗口宽度的信息。我很难弄清楚如何将它传回给 Flask。

我想使用一个 If 语句，它基本上说“如果宽度为 425 像素或更小，设置变量并通过提交传递它。否则，什么也不做。”

我从以下方面开始：

var windowWidth = $(window).width()
if($(windowWidth) <= 425 {
    $(function(){.....}

这就是我在表单提交按钮上单击时所拥有的内容：

$(document).ready(function() {
       $("#submitButton").click(function() {
           $("#mainForm").submit();
       });
    });

我只需要以某种方式将它们粘在一起。

任何帮助是极大的赞赏....

标签： javascriptpythonjqueryhtmlflask

解决方案

您可以将 ajax 调用用于后端 api 调用调用 api 与后端构建的框架无关。假设后端是用 PHP、Python、Node 和 Java 之一构建的。但是声明 api 端点是一样的。例如，每个网站都有自己的后端，但 api 格式都相同，如下 abc.com/api1 ex.com/api2 ...

所以你可以这样做 首先获取宽度，如果语句为真，你可以调用 api // 返回浏览器视口的宽度 var browserWidth = $( window ).width();

    // Returns width of HTML document
    var domWidth = $( document ).width();
    // you can select one of these following your condition

    if (browserWidth <= 425) {
        $.ajax ({
            type: 'POST',
            url: 'yourbackend/apiurl',
            dataType: 'json',
            data: {
                'data' : "data",
            },
            success: function (data) {
                console.log("success");
            },
            error: function (err) {
                console.log ("error");
            }
        });
    }

希望这对你有帮助

推荐阅读