如何将参数传递给服务器端php文件中的特定函数(从JS),然后将结果返回给JS调用函数

z9ju0rcb  于 2023-03-11  发布在  PHP
关注(0)|答案(1)|浏览(94)

基本上我正在做的是创建一个图形计算器(使用BokehJS),这个计算器目前通过html接收一些输入,然后javascript读取数据并进行计算,然后输出结果图形。
问题是我们不想让用户看到所有的计算代码,如果他们能看到getter和setter方法就好了。
我需要它做的是:
1.在HTML页面上获取用户输入
1.使用javascript读取输入(客户端)
1.将读取的输入数据传递给PHP(在wordpress服务器上)进行计算

  1. PHP将结果数据发送回JS
  2. JS(客户端)处理要做什么以及如何显示数据
    我们使用的是wordpress服务器,目前我只是在我的本地计算机上测试,所以一个允许测试和部署的方法将是伟大的。
    目前这是我所拥有的:
    myjavascript.js
function test_test(){

    const staticPNVals = getStaticPN(); //send this to php file as parameter to function
    const ret_array = [];
    
    //The below needs to be changed, idk how to do it
    const xmlhttp = new XMLHttpRequest();
    xmlhttp.onload = function() {
        const myObj = JSON.parse(this.responseText);
        ret_array = myObj;
    }
    xmlhttp.open("GET", "test.php");
    xmlhttp.send();

    console.log("ret_array is " + ret_array);
}

test.php

<?php
function doStuff($myarr) {
    $myarr2 = array();
    for ($x = 0; $x <= 10; $x++) {
        array_push($myarr2, $myarr[$x]);
      }
    return $myarr2;
}

function doOtherStuff(){
    echo "Hello World";
}
?>

我想有它,以便我可以有多个功能在一个文件中,大多数解决方案,我看到只有1个功能在每个文件。
mypage.html

<!-- Just a simple button to call the main Javascript function-->
<input type="button" value="Test function" onclick="test_test()">

因此,基本上,总的问题是我应该将javascript请求更改为什么,以使它能够将参数传递到服务器端PHP,然后返回到调用js函数
编辑:如果有一种方法可以使用服务器端javascript而不是PHP,那就更好了,因为脚本已经用JS编写了,除非必要,否则我不想用PHP重写。

o2g1uqev

o2g1uqev1#

我是如何解决一个类似的问题的

let formData = new formData();
    formData.append("nameOfFunction","function you want to call");
    formData.append("variableA","some value");
fetch("phpFileName.php"{body: formData,method: POST})
    .then((response)=>response.text)
    .then((data)=>{
        //do whatever
    })

菲律宾

$nameOfFunction = $_POST["nameOfFunction"];//unshure past this point
echo "<script>".
    $nameOfFunction."();
    function someFunction(){
    }
    <\script>";

相关问题