javascript - 从 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 "取决于来自第一个字段的内容)。这适用于客户端。

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

这是将要发生的事情:

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