Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/413.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用flask将HTML(包括属性)从python发送到网页_Javascript_Python_Jquery_Html_Flask - Fatal编程技术网

Javascript 使用flask将HTML(包括属性)从python发送到网页

Javascript 使用flask将HTML(包括属性)从python发送到网页,javascript,python,jquery,html,flask,Javascript,Python,Jquery,Html,Flask,我这里有一个相当奇怪的问题,我不知道为什么会出现这个问题。 我在页面上有一个表单,它接受输入,python处理输入,并在同一页面上显示输出。 我在做这项工作时遇到了一些问题,但现在一切都正常了。为了使它看起来更好,我试着使它的输出在一个终端窗口来使用。这相当简单,但我没有得到想要的输出 代码片段: 我从app.py返回的变量 # This is not multi-line, I just made it so for easy readability final = "<spa

我这里有一个相当奇怪的问题,我不知道为什么会出现这个问题。 我在页面上有一个表单,它接受输入,python处理输入,并在同一页面上显示输出。 我在做这项工作时遇到了一些问题,但现在一切都正常了。为了使它看起来更好,我试着使它的输出在一个终端窗口来使用。这相当简单,但我没有得到想要的输出

代码片段: 我从app.py返回的变量

# This is not multi-line, I just made it so for easy readability
final = "<span data-ty=\"input\">CMS Name</span>
         <span data-ty=\"progress\"></span>
         <span data-ty>" + cms2 + "</span>
         <span data-ty=\"input\">IP Address</span>
         <span data-ty=\"progress\"></span>
         <span data-ty>"+ip+"</span>
         <span data-ty=\"input\">Scanning for open ports...</span>
         <span data-ty=\"progress\"></span>
         <span data-ty=\"input\">Scanning Website...</span>
         <span data-ty=\"progress\"></span>"

return jsonify(result = final)
所以我被难住了

编辑2:添加屏幕截图 因此,我将上述获得的
final
值粘贴在codepen中(链接:

下面是我屏幕上的画面:

尝试将
最终
文本括在三个引号中
“content”
,因为它是一个多行字符串。

这不就是将我的变量与字符串一起硬编码吗?
<head>
<script type=text/javascript src="{{ url_for('static', filename='js/termynal.js')}}" data-termynal-container="#termynal"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type=text/javascript>
   $(function() {
        $('a#baseButton').bind('click', function() {
            $.getJSON('/result', {
            website: $('input[name="website"]').val(),
            }, function(data) {
           $("#termynal").html(data.result);
        });
        return false;
      });
    });
</script>
</head>
<body>
<div class="mainBox" id="termynal" data-termynal data-ty-typeDelay="40" data-ty-lineDelay="700">
</div>
</body>
<span data-ty="input">CMS Name</span><span data-ty="progress"></span><span data-ty>Joomla</span><span data-ty="input">IP Address</span><span data-ty="progress"></span><span data-ty>104.26.4.173</span><span data-ty="input">Scanning for open ports...</span><span data-ty="progress"></span><span data-ty ></span><span data-ty="input">Scanning Website...</span><span data-ty="progress"></span>