javascript - 在cherrypy中在python和javascript之间共享变量信息

标签 javascript python variables cherrypy

我希望将变量信息从python环境共享到cherrypy中的java脚本,如下所示:

class test(object):

        @cherrypy.expose
        def index(self):
            variableX = 2016

            return """<!DOCTYPE html>
<html>
<head>
<title>Set interval with two inputs</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<link rel="stylesheet" type="text/css" href="/static/codebase/dhtmlxcalendar.css"/>
<script src="/static/codebase/dhtmlxcalendar.js"></script>
<style>
    input#date_from, input#date_to {
        font-family: Tahoma;
        font-size: 12px;
        background-color: #fafafa;
        border: #c0c0c0 1px solid;
        width: 100px;
    }
    span.label {
        font-family: Tahoma;
        font-size: 12px;
    }
</style>
<script>
    var myCalendar;
    function doOnLoad() {
        myCalendar = new dhtmlXCalendarObject(["date_from","date_to"]);

        // getting today info (start code)
        var tomm = new Date();
        var today = new Date();
        var dd = today.getDate();
        var mm = today.getMonth()+1; //January is 0!
        var yyyy = today.getFullYear();
        if(dd<10) {dd='0'+dd};
        if(mm<10) {mm='0'+mm};
        today = yyyy+'-'+mm+'-'+dd;
        // getting today info (end code)


        myCalendar.setDate(today);
        myCalendar.hideTime();
        // init values
        var t = new Date();
        byId("date_from").value = variableX ;
        byId("date_to").value = variableX ;

    }

    function setSens(id, k) {
        // update range
        if (k == "min") {
            myCalendar.setSensitiveRange(byId(id).value, null);
        } else {
            myCalendar.setSensitiveRange(null, byId(id).value);
        }
    }
    function byId(id) {
        return document.getElementById(id);
    }
</script>



</head>
<body onload="doOnLoad();">
        <form method="get" action="generate">

<div style="position:relative;height:280px;">
    <span class="label">From</span> <input type="text" id="date_from" name="FirstDate" onclick="setSens('date_to', 'max');" readonly="true">
    <span class="label">Till</span> <input type="text" id="date_to" name="LastDate" onclick="setSens('date_from', 'min');" readonly="true">


              <button type="submit">Give it now!</button>
        </form>
</div>

</body>


</html>"""

我正在尝试在 html 中的 javascript 中获取variableX 的值(即 2016)。有什么想法吗?

最佳答案

您只需使用 variableX 的值创建一个新的 JavaScript 变量。

如您的示例中所示,添加以下行:

...
// getting today info (start code)
var variableX = """ + str(variableX) + """;
var tomm = new Date();
...

但我真的建议您学习如何使用像 Jinja2 这样的模板引擎,然后创建一个 index.html 模板,如下所示:

...
// getting today info (start code)
var variableX = {{variabeX}};
var tomm = new Date();
...

你的 python 代码将如下所示:

@cherrypy.expose
def index(self):
    return jinja2env.get_template('index.html').render(variableX=2016)

关于javascript - 在cherrypy中在python和javascript之间共享变量信息,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/36762325/

相关文章:

javascript - 如何让浏览器识别用户的分辨率?

c++ - 输出函数 C++ 的问题

php - 如果每次循环后提交语句都没有通过

php - 如何从单个变量中获取多个值?

javascript - 固定菜单。滚动时出现问题

javascript - 如何将第一个元素与其余元素进行比较,以及如何将第二个元素与其余元素进行比较以及相同的重复

javascript - 在服务器端更新字段后防止触发 OnChange 函数

python - python 中的八月月份无法正确打印

python - 根据信息拆分数组

python - 迭代 python 列表对象并调用每个对象的方法