Javascript 使用flask将HTML(包括属性)从python发送到网页
我这里有一个相当奇怪的问题,我不知道为什么会出现这个问题。 我在页面上有一个表单,它接受输入,python处理输入,并在同一页面上显示输出。 我在做这项工作时遇到了一些问题,但现在一切都正常了。为了使它看起来更好,我试着使它的输出在一个终端窗口来使用。这相当简单,但我没有得到想要的输出 代码片段: 我从app.py返回的变量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
# 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>