我该如何从JS到Python的短信

Question

<script>
    function voice(){
        var recognition = new webkitSpeechRecognition();
        recognition.lang = "en-GB";
        recognition.onresult = function(event){
            console.log(event);
            document.getElementById("speechto").value = event.results[0][0].transcript;
        }
        recognition.start();


    }

</script>

我正在制作语言翻译器Web应用程序。在上面的代码中，它使用麦克风从用户那里获取输入，并用英语语言在文本中打印。因此，我希望在Python中使用此文本，以便可以将其翻译并在另一个文本中将其打印。但是我不知道如何将其从JS获取到我的Python代码中。 有什么解决方案吗？

Answer 1

“你的python”在哪里？我假设这是在网络上的浏览器上。您必须设置一个网络服务器（在Python）来收听网络响应。尝试Webpy以获取一个简单的解决方案： https://webpy.org/ 。

您必须设置一个URL端点才能响应发布请求。更多信息在这里： https://webpy.org/docs/0.3/tutorial #getororial #getpost 。

最后，您必须设置JavaScript以发送邮政请求并使用服务器中的响应来编辑TextArea。您可以使用JS提取API发送邮政请求并处理此处的响应。

祝你好运

Answer 2

我认为您正在使用烧瓶，因为这在您的问题中标记了。您需要建立一条路由来执行Python代码并运行烧瓶应用程序，该应用程序应该在计算机上收听某些TCP端口（默认情况下，烧瓶似乎使用端口5000）。

然后，在JS代码上，您可以使用

fetch('http://locahost:5000/{your flask route goes here}', {
    method: 'POST',
    headers: {
        'Content-Type': 'text/plain',
    },
    body: {text you want to send goes here},
})

Answer 3

与其仅使用Python进行翻译，不如使用简单的JavaScript翻译函数呢？

    var translate = async (t,src,dst) => {
        var tt = new Promise(function(resolve) {
            var i=0, len=0, r='', tt='';
            const url = 'https://clients5.google.com/translate_a/';
            var params = 'single?dj=1&dt=t&dt=sp&dt=ld&dt=bd&client=dict-chrome-ex&sl='+src+'&tl='+dst+'&q='+t;
            var xmlHttp = new XMLHttpRequest();
            var response;
            xmlHttp.onreadystatechange = function(event) {
                if (xmlHttp.readyState === 4 && xmlHttp.status === 200) {
                    response = JSON.parse(xmlHttp.responseText);
                    for (var i = 0, len = response.sentences?.length; i < len; i++) {
                        var r=(((response.sentences[i].trans).replace('}/g','')).replace(')/g','')).replace('\%20/g', ' ');
                        r=((r.replace('}','')).replace(')','')).replace('\%20/g', ' ');
                        tt += r;
                    }
                    if (tt.includes('}'||')'||'%20')) {
                        tt=((tt.replace('}/g','')).replace(')/g','')).replace('\%20/g', ' ');
                    }
                    resolve(tt);
                }
            }
            xmlHttp.open('GET', url+params, true);
            xmlHttp.send(null);
            xmlHttp.onreadystatechange();
        });
        return await tt;
    }