Question

我有这个基本的自动完整JavaScript，效果很好，但你需要对网页进行硬编码。我要做的是使用Perl脚本将“自动完成”变量数据发送到页面

正在运行的JavaScript代码如下所示：

var CustomArray = new Array('an apple','alligator','elephant','pear','kingbird',
                          'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
                          'kingpin','SML');

现在新代码是：

var CustomArray=new Array(Autocomplete);

Perl脚本将数据发送回浏览器，如下所示：

var Autocomplete = 'an apple','alligator','elephant','pear','kingbird',
'kingbolt','kingcraft','kingcup','kingdom','kingfish er','kingpin','SML'

我也试过

var Autocomplete = ['an apple','alligator','elephant','pear','kingbird',
                    'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
                    'kingpin','SML']

但我得到：'an apple','alligator','elephant','pear','kingbird','kingbolt','kingcraft','kingcup','kingdom','kingfish er','kingpin','SML'全部为自动完成中的一个字符串。

我似乎无法让它正常工作。完整的HTML代码如下。

<html>
<head>
<script language="javascript" type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Autocomplete.js"></script>
<script language="javascript" type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Common.js"></script>
<script language="JavaScript1.2" type="text/javascript" src="http://www.ComicInvasion.com/cgi-bin/Autocomplete.pl"></script>


<script>
var CustomArray=new Array(Autocomplete);
</script>

</head>

<body>

<input type='text' style='font-family:verdana;width:300px;font-size:12px' id='ACMP' value=''/>

<script>
var obj = actb(document.getElementById('ACOMP'),CustomArray);
</script>

</body>
</html>

Answer 1

首先，看起来有一个错字。输入元素的id为ACMP，而您将'ACOMP'传递给getElementById。

其次，您没有提供Perl脚本的源代码。它可能看起来像这样：

#!/usr/bin/perl

use utf8;
use strict; use warnings;
use CGI();

local $| = 1;

print CGI::header(
    -type => 'text/javascript',
    -charset => 'utf-8',
);

print <<JS;
var Autocomplete = [
    'an apple','alligator','elephant','pear','kingbird',
    'kingbolt','kingcraft','kingcup','kingdom','kingfisher',
    'kingpin','SML'
];
JS

使用以下HTML，自动完成功能正常：

<!DOCTYPE html>
<html>
<head>

<script type="text/javascript"
src="http://www.comicinvasion.com/Code/Java/Autocomplete/Autocomplete.js"></script>

<script type="text/javascript" src="http://www.comicinvasion.com/Code/Java/Autocomplete/Common.js"></script>

<!-- Replace with the URI of your script -->
<script type="text/javascript" src="http://test:8080/cgi-bin/autocomplete.pl"></script>

</head>

<body>

<input type='text'
style='font-family:verdana;width:300px;font-size:12px'
id='ACOMP' value=''>

<script type="text/javascript">
var obj = actb(document.getElementById('ACOMP'), Autocomplete);
</script>

</body>
</html>

最后，我发现你的JavaScript文件存在于一个名为Java的目录中很奇怪。

Answer 2

让perl脚本返回：

var CustomArray = "an apple, alligator".split(',');

或者，如果必须如此，那也没关系：

var CustomArray = "'an apple','alligator'".split(',');

显然，我省略了那里的其他项目，但你要包括所有项目。

将变量传递给自动完成JavaScript

2 个答案: