调用php函数onclick

时间:2018-01-15 20:22:36

标签: javascript php jquery html

我正在使用html / php,我想了解以下情况:

http://jsfiddle.net/9uk3cbfo/1/

如果我点击"绿色"按钮,它应该使用参数startLoop(5)

启动一个php函数

如果我点击"红色"按钮,它应该使用参数startLoop(10)

启动一个php函数
<?php
/** orange Area - all values of the array **/
for ($x = 0; $x < count($array); $x++) {
  echo $array[$x];
}
?>

橙色区域应该显示调用函数的结果:

#include <iostream>

using namespace std;

int main(){
    char op;
    float value, total = 0.0;

    cin >> op >> value;
    //it is important at this stage to check for errors, as they are most likely
    //to occur.
   if(!cin){
      cerr << "Error: format unknown! \n"; //basic error handled here, the prog outputs the error
   }

    //now perform the calculation
    switch(op){
       case '+': total += value;
        break;
       case '-' : total -= value;
        break; 
       case 'q' : break;        //i presume q is your quit character
       default: /*unknown character*/ cerr << "Unknown operation! \n";
   }

  cout << "Total: "<<total << endl;

  return 0;
}

现在是我的问题,我不知道,我怎么能意识到这一点。 这一切都应该在没有网站重新加载的情况下发生。

有人能帮助我吗?

1 个答案:

答案 0 :(得分:0)

<强>的index.html

<!DOCTYPE html>
<html>
    <head>
    </head>
    <body>
        <button onclick="loop(5)">Green</button><br/>
        <button onclick="loop(10)">Red</button><br/>

        <input type="text" />

        <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
        <script>
            //$.get(url, data, callback)

            function loop(loopsFunctionParameter) {
                $.get(
                    "ajax.php",
                    {
                        loopsFromGet: loopsFunctionParameter
                    },
                    function(result) {
                        $("input").val(result);
                    }
                );
            }
        </script>
    </body>
</html>

<强> ajax.php

<?php
    function startLoop($loops) {
       for ($x = 0; $x < $loops; $x++) {
          $array[] = $x;
       }
       return $array;
    }

    if(isset($_GET["loopsFromGet"])) {
        $result = startLoop($_GET["loopsFromGet"]);
        echo json_encode($result);
    }

我们有一个接受参数 loops 的JavaScript函数,然后它将GET请求发送到ajax.php脚本并传递它接受的相同参数。 ajax.php以JSON格式返回一个数组,但它可以是真正的。

注意:JavaScript完全有能力做同样的事情。