javascript - 如何将变量值从javascript传递给perl

Question

我正在使用 JavaScript 插件获取 IP 地址。如果 IP 地址以 10.15 开头，我想为一个变量赋一个值，如果 IP 以 10.13 开头，我想为同一个变量赋不同的值。 (我不知道变量是否必须在 Perl 或 JavaScript 中)

我正在尝试这个，但没有用。

my $propt = "";
    getUserIP(function(ip) { 
        console.log('IP: ' + ip);  
        const ips = ip.split('.');

        var pro = document.getElementById('property');
        console.log(pro);
        if (ips[0] === "10" && ips[1] === "15")  {
          pro.value = "propt1";
    To_Here
      $propt = "SRC";
    print <<"To_Here";      
        }
        else if(ips[0] === "10" && ips[1] === "13") {
            pro.value = "propt2";
    To_Here
      $propt = "ACC";
    print <<"To_Here"; 
        }  
        else {
            pro.value = "propt";
    To_Here
      $propt = "TAP";
    print <<"To_Here"; 
        }  
        console.log(pro);

首先我尝试将值传递给 HTML 输入并读取输入的值，但我不知道这在 Perl 中是否可行

<input id="property" type="hidden" name="property" value=""/>

我要做的最后一步是基于属性运行查询

$ql = "Select from properties where property = '?????' <---- 

Answer 1

在 JavaScript 端，您需要向 Perl 脚本发送 GET 请求。我只使用 jQuery(请参阅 docs)完成此操作，因此如果您想要纯 JavaScript 解决方案，则需要对其进行调整:

function getUserIp(ips) {

    var ipString = ips.join(';');
    $.ajax({
        type: 'GET',
        url: '/path/to/script.pl',
        data: { user_ips : ipString },
        statusCode: {
            200: function(data, textStatus, jqXHR) {
                $('#id').html(jqXHR.responseText);
            }
        }
    });
}

请注意，当您将 ips 变量传递给 Perl 时，它应该是一个字符串。您可以将参数数组传递给 Perl(请参阅 CGI docs )，但我发现事后拆分字符串是最可靠的。

我将展示如何使用 Perl CGI 捕获参数，因为它很简单，但如果您打算制作一个完整的网站，那么我强烈建议您使用网络框架。 Perl 有几个，比如 Catalyst和 Mojolicious ，具有不同的学习曲线。

使用 Perl 的 CGI 模块，您可以使用恰当命名的 param() 方法捕获参数:

#! perl

use strict;
use warnings;

use CGI;
use CGI::Carp qw(fatalsToBrowser); # just to make it easier to see errors

my $cgi = CGI->new;

my $ip_string = $cgi->param('user_ips');

my @ips = split(';', $ip_string);

my $results;
foreach my $ip (@ips) {
    # do whatever here to populate $results
}

# send results back to jQuery
print $cgi->header( -type => 'text/plain', -status => '200' );
print $results;
print $cgi->end_html;

1;

确保在 $.ajax() 方法中添加与 statusCode 相对应的适当 header ，并调用 end_html()在 Perl 脚本的末尾，否则 jQuery/JavaScript 可能无法理解/捕获结果。