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

从Javascript调用perl文件/函数和函数以更新HTML,javascript,php,html,forms,perl,Javascript,Php,Html,Forms,Perl,我有一个有两个输入的表单。第一种是常规文本输入。第二个是文本inpu,并排显示一个下拉菜单列表 输入第一个输入后,用户应在第二个输入中输入一个数字。第二个输入本质上是第一个选定输入编号下可用数字的子列表(将其视为多维数组) 一旦将onFocus或onChange设置为第二个输入,我想执行onFocus/onChangeJavaScript函数并使它们运行perl脚本。perl脚本的结果应该填充下拉列表-因此用户基本上能够选择或键入他们希望选择的数字 为了调用PHP函数,我找到了一个函数,但我的函

我有一个有两个输入的表单。第一种是常规文本输入。第二个是文本inpu,并排显示一个下拉菜单列表

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

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

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


从JS函数执行perl脚本,然后获得perl结果并填充到HTML中的正确方法是什么?(我知道范围很广,但有个方向就好了,举个例子就好了)

在回答之前,我要明确一些假设:

  • Javascript将在浏览器客户端运行,Perl将在服务器端运行
  • 整个服务器端都是用Perl编程的,因此您已经选择了许多框架中的一个,这些框架允许您用Perl构建动态站点
  • 也就是说,在客户端的Javascript代码中,您基本上不关心服务器端的编程语言。您必须决定服务器将在哪里应答-例如在“/list2 Alternations/”-并且假设您只想传递一个“简单”参数,您可以直接在URI中对其进行编码(例如“/list2 Alternations/XXX”和“/list2 Alternations/YYY”,具体取决于第一个字段中的内容)。这适用于客户端

    在服务器端,您必须确保特定路径返回您要查找的数据

    这就是将要发生的事情:

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