使用jQuery Terminal获取PHP数据

时间:2018-02-07 04:44:25

标签: javascript php jquery json jquery-terminal

我正在研究jQuery终端模拟器插件:https://terminal.jcubic.pl/但是在文档中找不到我想要的东西,实际上发现它有点太高级了,我不能理解所以我在这里问我怎么会使用插件从PHP中的json对象加载命令和参数回复,或者只是一个单独的文件?

1 个答案:

答案 0 :(得分:1)

您需要完成与普通ajax应用程序完全相同的操作。你需要发送ajax请求POST或GET并解析响应,然后你回显结果(使用jQuery终端而不是交换html或其他东西)。并且ajax请求需要在函数中作为第一个参数t jquery终端触发,因此您将获得原始命令数据。

$(function() {
    $('body').terminal(function(command, term) {
        $.post('script.php', {command: command}, function(response) {
           // response is already parsed by jQuery
           if (response.output) {
               term.echo(response.output);
           }
           // you can do other things with other values, like execute
           // terminal methods
           if (response.exec) {
               term[response.exec.method].apply(term, response.exec.args);
           }
        }, 'json');
    }, {
        greetings: 'php example',
        onBlur: function() {
            return false;
        }
    });
});

在php中你需要使用这样的代码:

<?php

if (isset($_POST['command'])) {
    // process command
    echo json_encode($arrayorobject);
}

?>

如果你想与服务器和客户端拥有相同的文件,你可以使用$_SERVER['HTTP_X_REQUESTED_WITH']的技巧,检查我的leash shell的源代码。

如果你在一个具有映射{command: reply}的文件中有json对象,你可以这样做:

$.get('commands.json', function(commands) {
    $('body').terminal(function(command, term) {
        var cmd = $.terminal.parse_command(command)
        if (commands[cmd.name]) {
            this.echo(commands[cmd.name]);
        }
    });
});

如果您还有参数,则需要更复杂的逻辑,