如何用Flask+AJAX将外部程序标准输出完整显示到文本域

调用外部程序后，希望通过AJAX将其完整的标准输出（stdout）显示到文本域中，但目前仅能获取到标准输出的最后一行。核心原因是循环中每次覆盖了output_stdout变量，未收集所有输出内容。以下是修改方案：

1. 修改Python subprocess代码，收集完整输出 #

将原来每次覆盖单行输出的逻辑，改为用列表收集所有输出行，最后拼接成完整字符串返回：

# 初始化列表存储所有输出行
all_output = []
result = subprocess.Popen(command_analysis, stdout=subprocess.PIPE, 
                          stderr=subprocess.STDOUT, shell=True)
while True:
    output_stdout = result.stdout.readline().decode().strip()
    # 判断进程结束且无输出时退出循环
    if output_stdout == '' and result.poll() is not None:
        break
    # 非空行加入收集列表
    if output_stdout:
        all_output.append(output_stdout)

# 将所有输出行拼接为单个字符串（用换行分隔）
full_output = '\n'.join(all_output)
# 修正原代码缺失的闭合引号
outreports = f'{self.OUTPUT}{self.name}_report.html'
data = [full_output, outreports]

return data

2. Flask返回JSON代码（无需修改，保持原样） #

现在result[0]已经是完整的输出字符串，直接返回即可：

# ... 其他前置代码
data = {
      'stdout': result[0],
      'report': url_for("static", filename=result[1])
   }

return jsonify(data)

3. 修正AJAX代码的文本域赋值逻辑 #

原代码中$('.stdout').value是错误用法，jQuery对象需使用val()方法来设置或追加内容：

function executeAnalysis(dados){
   $.ajax({
          url: '/analysis',
          data: dados,
          success: function (ret) {
            console.log(ret)
            console.log(ret.stdout)
            fitList(ret.report);
            // 追加完整输出到文本域
            $('.stdout').val(function(index, oldValue) {
              return oldValue + ret.stdout;
            });
          },
          error: function(error) {
              console.log('Erro:', error);
          }
   });          
}

关键说明 #

• 收集输出时用列表存储每一行，避免覆盖，最后拼接成完整字符串
• 确保Flask返回的stdout字段是完整的输出内容
• 修正jQuery操作文本域的方法，使用val()而非直接访问value属性

内容的提问来源于stack exchange，提问作者Matheus Brito