如何将 input_tag 的值存储在变量中？答案

【问题标题】：How to store values of an input_tag in a variable?如何将 input_tag 的值存储在变量中？
【发布时间】：2019-10-11 14:05:26
【问题描述】：

当我按下带有 mojolicious 模板的按钮时，我正在尝试从 input_tag 发送数据。

use Mojolicious::Lite;

get '/' => 'index';

app->start;
__DATA__

@@ index.html.ep
<html lang="es">
  <head>
    <meta charset="utf-8"/>
    <title>Graphs</title>
  </head>
  <body>
    <%= tag div => (id => 'inputs') => begin %>
        <h1>Grafos dirigidos</h1>
        %= input_tag 'nodes', placeholder => '#Nodos', id => 'nodes'
        %= input_tag 'edges', placeholder => '#Edges', id => 'edges'
        %= input_tag 'start', placeholder => 'Start', id => 'start'
        %= submit_button 'Generate', id => 'render', onclick => 'renderGraph()'
        %= tag 'br'
        %= text_area 'dijkstra', cols => 40, rows => 40, id => 'dijkstra'
    <% end %>

当我按下“生成”按钮时，我想将输入中的数据发送到另一个 perl 脚本。

【问题讨论】：

你用“javascript”标记了这个，但你没有使用任何。您想要一个 javascript 表单提交解决方案，而不是 HTML 表单吗？换句话说，您是想将用户引导至包含表单结果的新页面，还是要从表单调用 API 并就地更新页面（需要 javascript）？

标签： javascript html perl mojolicious mojolicious-lite

【解决方案1】：

添加一个表单，获取输入值并发送它们，例如作为 perl 脚本的参数。

use Mojolicious::Lite;

get '/' => 'index';

post '/' => sub {
    my $c = shift;

    my ($nodes, $edges, $start) = map { $c->param($_) } qw(nodes edges start);

    system 'script.pl', '--nodes', $nodes, '--edges', $edges, '--start', $start;

    $c->render(text => 'done');
};

app->start;
__DATA__

@@ index.html.ep
<html lang="es">
  <head>
    <meta charset="utf-8"/>
    <title>Graphs</title>
  </head>
  <body>
    <form method="post">
        <%= tag div => (id => 'inputs') => begin %>
            <h1>Grafos dirigidos</h1>
            %= input_tag 'nodes', placeholder => '#Nodos', id => 'nodes'
            %= input_tag 'edges', placeholder => '#Edges', id => 'edges'
            %= input_tag 'start', placeholder => 'Start', id => 'start'
            %= submit_button 'Generate', id => 'render', onclick => 'renderGraph()'
            %= tag 'br'
            %= text_area 'dijkstra', cols => 40, rows => 40, id => 'dijkstra'
        <% end %>
    </form>

【讨论】：