获取窗口宽度并作为变量发送到flask
获取窗口宽度并作为变量发送到flask
提问于 2019-08-17 07:47:22
我正在尝试将窗口宽度设置为一个变量，该变量将在单击时与一些输入文本一起发送到后端Flask程序。window width变量将决定在Python中执行哪段代码。我找到了关于如何获取正在浏览网站的屏幕窗口宽度的信息。我想不出该怎么把它传回Flask。
我想使用一个If语句，它的基本意思是“如果宽度小于或等于425px，则设置变量并通过提交传递它。否则，什么也不做。”
我从以下几个方面开始：
var windowWidth = $(window).width()
if($(windowWidth) <= 425 {
$(function(){.....}这就是我用来监听表单提交按钮的内容：
$(document).ready(function() {
$("#submitButton").click(function() {
$("#mainForm").submit();
});
});我只需要以某种方式将它们结合在一起。
非常感谢您的任何帮助……
回答 2
Stack Overflow用户
发布于 2019-08-17 08:20:48
你可以使用ajax调用作为后端api调用，调用api与后端构建的框架无关。假设后端是用PHP、Python、Node和Java中的一种构建的。但是声明api端点是相同的。例如，每个网站都有自己的后端，但api格式都是一样的，比如下面的abc.com/api1ex.com/api2……
所以你可以这样做，首先获取宽度，如果语句为真，你可以调用接口//返回浏览器视窗的宽度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");
}
});
}希望这能对你有所帮助
Stack Overflow用户
发布于 2019-08-20 21:16:06
我不能让它完全按照我想要的方式工作。但我确实找到了一份工作。如果检测到相关的屏幕大小，它将重定向到'/mobile‘。然后我可以使它与主登录页面一样，但有适当的CSS在移动设备上呈现。
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script>
$(document).ready(function(){
if($(window).width() <= 425) {
window.location = "/mobile";
}
});
</script>页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/57532240
复制相关文章
相似问题
腾讯云开发者
