从 JavaScript 代码调用 Python 函数

IT技术 javascript python function integration
2021-01-21 01:34:00

我想从 JavaScript 代码中调用 Python 函数,因为 JavaScript 中没有替代方案来做我想做的事。这可能吗?你能调整下面的代码片段吗?

JavaScript 代码:

var tag = document.getElementsByTagName("p")[0];
text = tag.innerHTML;
// Here I would like to call the Python interpreter with Python function
arrOfStrings = openSomehowPythonInterpreter("~/pythoncode.py", "processParagraph(text)");

~/pythoncode.py 包含使用高级库的函数,这些函数在 JavaScript 中没有易于编写的等效项:

import nltk # is not in JavaScript
def processParagraph(text):
  ...
  nltk calls
  ...
  return lst # returns a list of strings (will be converted to JavaScript array)
6个回答

您所需要的只是向您的pythoncode 发出ajax 请求。您可以使用 jquery http://api.jquery.com/jQuery.ajax/执行此操作,或仅使用 javascript

$.ajax({
  type: "POST",
  url: "~/pythoncode.py",
  data: { param: text}
}).done(function( o ) {
   // do something
});
在萤火虫中运行代码,但它记录[]
2021-03-16 01:34:00
感谢您的回答,但为了让 python 脚本执行它,必须由通过 CGI 或 WSGI 支持它的 Web 服务器部署。您能否在答案中包含如何解决该问题?
2021-03-16 01:34:00
看起来很有趣。在哪里可以调用,processParagraph(text)以便返回值以变量结尾arrOfStrings
2021-03-20 01:34:00
哦,如果我知道该怎么做,我很乐意编辑您的答案,我希望您能提供一些建议,因为我收到此错误XMLHttpRequest cannot load file:~/pythoncode.py. Cross origin requests are only supported for protocol schemes: http, data, chrome-extension, https, chrome-extension-resource,即使我明白问题所在,也不知道该怎么做解决这个问题。任何有用的指针?非常感谢。(顺便说一句……chessheaven 看起来真的很棒!我一定会试试的,好在你在个人资料图片中放了一个可爱的女孩;))
2021-04-02 01:34:00
好的,那怎么对呢?我的 Python 文件包含正确的函数。我应该在 Python 中调用该函数并且参数是 sys.argv[1] 吗?
2021-04-07 01:34:00

document.getElementsByTagName我猜你是在浏览器中运行 javascript。

向浏览器中运行的 javascript 公开功能的传统方法是使用 AJAX 调用远程 URL。AJAX 中的 X 用于 XML,但现在每个人都使用 JSON 而不是 XML。

例如,使用 jQuery 您可以执行以下操作:

$.getJSON('http://example.com/your/webservice?param1=x&param2=y', 
    function(data, textStatus, jqXHR) {
        alert(data);
    }
)

您将需要在服务器端实现一个 python 网络服务。对于简单的网络服务,我喜欢使用Flask

典型的实现如下所示:

@app.route("/your/webservice")
def my_webservice():
    return jsonify(result=some_function(**request.args)) 

您可以使用silverlight在浏览器中运行 IronPython(一种 Python.Net),但我不知道 NLTK 是否可用于 IronPython。

通常,您会使用如下所示的 ajax 请求来完成此操作

var xhr = new XMLHttpRequest();
xhr.open("GET", "pythoncode.py?text=" + text, true);
xhr.responseType = "JSON";
xhr.onload = function(e) {
  var arrOfStrings = JSON.parse(xhr.response);
}
xhr.send();

通过流程沟通

例子:

Python:此 Python 代码块应返回随机温度。

# sensor.py

import random, time
while True:
    time.sleep(random.random() * 5)  # wait 0 to 5 seconds
    temperature = (random.random() * 20) - 5  # -5 to 15
    print(temperature, flush=True, end='')

Javascript (Nodejs):在这里,我们需要生成一个新的子进程来运行我们的 Python 代码,然后获取打印输出。

// temperature-listener.js

const { spawn } = require('child_process');
const temperatures = []; // Store readings

const sensor = spawn('python', ['sensor.py']);
sensor.stdout.on('data', function(data) {

    // convert Buffer object to Float
    temperatures.push(parseFloat(data));
    console.log(temperatures);
});

如果没有 Python 程序,您就无法从 JavaScript 运行 .py 文件,就像没有文本编辑器就无法打开 .txt 文件一样。但是在 Web API 服务器(下面示例中的 IIS)的帮助下,整个事情变得喘不过气来。

  1. 安装 python 并创建示例文件 test.py

    import sys
    # print sys.argv[0] prints test.py
    # print sys.argv[1] prints your_var_1
    
    def hello():
        print "Hi" + " " + sys.argv[1]
    
    if __name__ == "__main__":
        hello()
    
  2. 在您的 Web API 服务器中创建一个方法

    [HttpGet]
    public string SayHi(string id)
    {
        string fileName = HostingEnvironment.MapPath("~/Pyphon") + "\\" + "test.py";          
    
        Process p = new Process();
        p.StartInfo = new ProcessStartInfo(@"C:\Python27\python.exe", fileName + " " + id)
        {
            RedirectStandardOutput = true,
            UseShellExecute = false,
            CreateNoWindow = true
        };
        p.Start();
    
        return p.StandardOutput.ReadToEnd();                  
    }
    
  3. 现在对于您的 JavaScript:

    function processSayingHi() {          
       var your_param = 'abc';
       $.ajax({
           url: '/api/your_controller_name/SayHi/' + your_param,
           type: 'GET',
           success: function (response) {
               console.log(response);
           },
           error: function (error) {
               console.log(error);
           }
        });
    }
    

请记住,您的 .py 文件不会在您用户的计算机上运行,​​而是在服务器上运行。