JavaScriptからphp関数を呼び出す

Question

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の関数を呼び出します「テスト」と呼ばれるのhrefをクリックしたとき、私は基本的に、PHP関数query("hello")を実行したいです。

Answer 1

AJAXは、の場合、です。ページが読み込まれ、要素にイベントが追加されます。ユーザーが何かをクリックするなどしてイベントをトリガーすると、JavaScriptはXMLHttpRequest objectを使用してサーバーに要求を送信します。

サーバーが応答した後（おそらく出力あり）、別のJavascript関数/イベントは、他のHTMLと同じようにページに貼り付けるなど、その出力を扱う場所を提供します。

普通のJavascriptで「手で」やjQueryを使うことができます。プロジェクトのサイズや状況によっては、単純なJavascriptを使用する方が簡単かもしれません。

平野のJavascript

この非常に基本的な例では、ユーザーがリンクをクリックしたときに、我々はmyAjax.phpにリクエストを送信します。サーバーは何らかのコンテンツを生成します。この場合は "hello world！"となります。 IDはoutputのHTML要素に入れます。

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 
var 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 MDNの
• XMLHttpRequest - https://developer.mozilla.org/en/XMLHttpRequest MSDN上
• XMLHttpRequestから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/

Answer 2

PHPはサーバーで評価されます。 javascriptはクライアント/ブラウザで評価されるため、javascript から直接PHP関数を呼び出すことはできません。。しかし、AJAXを使ってPHP関数を起動するHTTPリクエストをサーバに発行することができます。

Answer 3

JSからPHPを実行する唯一の方法はAJAXです。 あなたはその後、ajax.phpにあなたが書い （/ajax.php?do=someFunctionをGET、例えばのために）サーバーにデータを送信することができます（私が使用しているJSで答えをキャッチし、その後、

function someFunction() { 
    echo 'Answer'; 
} 

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

をし、 012JAXリクエストを作成するためのjQuery）

多分あなたは何らかの形式の回答が必要でしょう。 JSONまたはXMLを参照してくださいが、JSONはJavaScriptで使いやすいです。 PHPでは、関数json_encode（$ array）を使用できます。引数として配列を取得します。

Answer 4

私は最近、あなたがPHPの関数は、さまざまな方法で呼び出しを行うことができますjQueryプラグインを公開し：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/"] 

Answer 5

PHPはサーバーで評価されます; javascriptはクライアント/ブラウザで評価されるため、javascriptから直接PHP関数を呼び出すことはできません。しかし、AJAXを使ってPHP関数を起動するHTTPリクエストをサーバに発行することができます。

、我々はPHPの関数を呼び出すことができ呼び出しAJAXを使用してPOSTを使用してメソッドをGET

、