从 Javascript 调用 perl 文件/函数和函数以更新 HTML

Question

我有一个带有两个输入的表单。第一个是常规文本输入。第二个是与下拉菜单列表并排的文本输入。

输入第一个输入后，用户应在第二个输入中输入一个数字。第二个输入本质上是第一个选定输入数字下可用数字的子列表（将其视为多维数组）。

一旦 onFocus 或 onChange 设置为第二个输入，我想执行 onfocus/onChange JavaScript 函数并让它们运行 perl 脚本。 perl 脚本的结果应该填充下拉列表 - 因此用户基本上可以选择或输入他们希望选择的数字。

我找到this 是为了调用 PHP 函数 - 但我的函数只接受一个变量，修改后我得到默认结果或“无函数参数”

从 JS 函数执行 perl 脚本然后获取 perl 结果并填充到 HTML 中的正确方法是什么？ （我知道它很宽泛，但有一个方向会很好，例子会很棒）

Answer 1

在回答之前，我会做出一些明确的假设：

1. Javascript 将在浏览器客户端运行，Perl 在服务器端运行
2. 整个服务器端都是用 Perl 编程的，所以您已经选择了许多允许您在 Perl 中构建动态站点的框架之一

也就是说，在客户端的 Javascript 代码中，您基本上不关心服务器端响应的是哪种编程语言。您必须决定您的服务器将在哪里回答 - 例如在“/list2-alternatives/”上 - 假设您只想传递一个“简单”参数，您可以直接在 URI 中对其进行编码（例如“/list2-alternatives/XXX”和“/list2-alternatives/YYY " 取决于来自第一个字段的内容）。这适用于客户端。

在服务器端，您必须确保特定路径返回您所追求的数据。

这就是将会发生的事情：

• 用户在客户端为fie​​ld1设置了一个值，假设是字符串“whatever”
• 当 onChange/onFocus 被触发时，客户端向服务器发送一个指向 http://your-server/list2-alternatives/whatever 的 GET 请求
• 您的 Perl 代码正在服务器端（在“您的服务器”中）侦听并接收路径“/list2-alternatives/whatever”的 GET，生成响应并将其发送回客户端
• 客户端的 Javascript 代码接收响应并使用数据更改第二个字段。