从JavaScript调用php函数

Question 1

有没有一种方法可以通过JS函数运行php函数？

像这样的东西：

<script type="text/javascript">
function test(){
document.getElementById("php_code").innerHTML="<?php 
query("hello");       ?>";    
}
</script>

<a href="#" style="display:block; color:#000033; font-family:Tahoma; font-size:12px;"     
onclick="test(); return false;"> test </a>
<span id="php_code"> </span>

我基本上想运行php函数query("hello")，当我单击名为“ Test”的href时，它将调用php函数。

Question 2

本质上，这就是AJAX的作用。页面加载，然后将事件添加到元素。当用户导致事件被触发时，例如通过单击某些内容，您的Javascript使用XMLHttpRequest对象将请求发送到服务器。

服务器响应后（大概带有输出），另一个Javascript函数/事件为您提供了处理该输出的位置，包括像其他HTML片段一样将其粘贴到页面中。

您可以使用纯Javascript“手动”完成操作，也可以使用jQuery。根据项目的大小和特定情况，仅使用普通Javascript可能会更简单。

纯Javascript

在这个非常基本的示例中，myAjax.php当用户单击链接时，我们向其发送请求。服务器将生成一些内容，在本例中为“ hello world！”。我们将把带有id的HTML元素放入output。

JavaScript

// handles the click event for link 1, sends the query
function getOutput() {
  getRequest(
      'myAjax.php', // URL for the PHP file
       drawOutput,  // handle successful request
       drawError    // handle error
  );
  return false;
}  
// handles drawing an error message
function drawError() {
    var container = document.getElementById('output');
    container.innerHTML = 'Bummer: there was an error!';
}
// handles the response, adds the html
function drawOutput(responseText) {
    var container = document.getElementById('output');
    container.innerHTML = responseText;
}
// helper function for cross-browser request object
function getRequest(url, success, error) {
    var req = false;
    try{
        // most browsers
        req = new XMLHttpRequest();
    } catch (e){
        // IE
        try{
            req = new ActiveXObject("Msxml2.XMLHTTP");
        } catch(e) {
            // try an older version
            try{
                req = new ActiveXObject("Microsoft.XMLHTTP");
            } catch(e) {
                return false;
            }
        }
    }
    if (!req) return false;
    if (typeof success != 'function') success = function () {};
    if (typeof error!= 'function') error = function () {};
    req.onreadystatechange = function(){
        if(req.readyState == 4) {
            return req.status === 200 ? 
                success(req.responseText) : error(req.status);
        }
    }
    req.open("GET", url, true);
    req.send(null);
    return req;
}

HTML

<a href="#" onclick="return getOutput();"> test </a>
<div id="output">waiting for action</div>

的PHP

// file myAjax.php
<?php
  echo 'hello world!';
?>

试试看：http : //jsfiddle.net/GRMule/m8CTk/

带有javascript库（jQuery等）

可以说，这是很多Javascript代码。当然，您可以通过拉紧这些块或使用更多简洁的逻辑运算符来缩短该时间，但是仍然有很多事情要做。如果您打算在项目中做很多这类事情，那么使用javascript库可能会更好。

使用上面相同的HTML和PHP，这就是您的整个脚本（页面上包含jQuery）。我将代码收紧了一点，使其与jQuery的总体风格更加一致，但您明白了：

// handles the click event, sends the query
function getOutput() {
   $.ajax({
      url:'myAjax.php',
      complete: function (response) {
          $('#output').html(response.responseText);
      },
      error: function () {
          $('#output').html('Bummer: there was an error!');
      }
  });
  return false;
}

试试看：http : //jsfiddle.net/GRMule/WQXXT/

暂时不要急于使用jQuery：添加任何库仍在向项目中添加数百或数千行代码，就像您已经编写了代码一样。在jQuery库文件中，您将找到与第一个示例类似的代码，以及更多其他代码。那可能是一件好事，可能不是。计划并考虑项目的当前规模以及将来的扩展可能性以及目标环境或平台。

如果这是您需要做的全部工作，请编写一次简单的JavaScript，然后就可以完成。

文献资料

MDN上的AJAX - https://developer.mozilla.org/en/ajax
XMLHttpRequest在MDN上-https: //developer.mozilla.org/en/XMLHttpRequest
XMLHttpRequest在MSDN上-http: //msdn.microsoft.com/en-us/library/ie/ms535874%28v=vs.85%29.aspx
jQuery- http://jquery.com/download/
jQuery.ajax- http://api.jquery.com/jQuery.ajax/

Question 3

PHP是在服务器上评估的；javascript是在客户端/浏览器上评估的，因此您不能直接从javascript调用PHP函数。但是您可以使用AJAX向服务器发出HTTP请求，该请求将激活PHP功能。

Question 4

从JS执行PHP的唯一方法是AJAX。您可以将数据发送到服务器（例如GET /ajax.php?do=someFunction），然后在ajax.php中编写：

function someFunction() {
    echo 'Answer';
}

if ($_GET['do'] === "someFunction") {
    someFunction();
}

然后，用JS捕捉答案（我正在使用jQuery发出AJAX请求）

可能您需要某种格式的答案。请参阅JSON或XML，但是JSON易于与JavaScript结合使用。在PHP中，您可以使用函数json_encode（$ array）; 将数组作为参数。

Question 5

我最近发布了一个jQuery插件，该插件可让您以各种方式进行PHP函数调用：https : //github.com/Xaxis/jquery.php

简单示例用法：

// Both .end() and .data() return data to variables
var strLenA = P.strlen('some string').end();
var strLenB = P.strlen('another string').end();
var totalStrLen = strLenA + strLenB;
console.log( totalStrLen ); // 25

// .data Returns data in an array
var data1 = P.crypt("Some Crypt String").data();
console.log( data1 ); // ["$1$Tk1b01rk$shTKSqDslatUSRV3WdlnI/"]