javascriptからPHPを呼び出す | IT技術備忘録-techyankee

javascriptからPHPを呼び出してみるのを実際に動かしてみるのを実際に動かしてみました。

JavaScriptからPHPを呼び出す方法を現役エンジニアが解説【初心者向け】 | TechAcademyマガジン

初心者向けにJavaScriptからPHPを呼び出す方法について現役エンジニアが解説しています。PHPを呼び出すにはAjaxを利用してPHPファイル・プログラムにアクセスさせます。反対にPHPからJavaScriptを呼び出すにはPHP内でscriptタグを書きます。

その他参考リンク

PHPでJSONを出力して、JavaScriptで取得する方法│.dotown lab

JSON（JavaScript Object Notation）というデータフォーマットを扱ってみたのでメモしておきます。JSONは、XMLなどと同じよう...

html&javascript(PHP)

sample_php4.php

<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8" />
  <title>sample</title>
</head>
<body>
  <h1>javascriptの情報をPHPに渡す</h1>
  <div id="ans1"></div>
  <div id="ans2"></div>

  <script language="javascript" type="text/javascript">
  var request = new XMLHttpRequest();
  request.open('GET', 'http://localhost/test1/sample_php3.php?str=200', true);
  console.log('test');
  request.responseType = 'json';
  request.addEventListener('load', function (response) {
    console.log(response);
    console.log(this.response);
    var data = <?="this.response"?>;
    console.log("ans1", data.ans1);
    document.getElementById("ans1").innerHTML = "ans1=" + data.ans1;
    console.log("ans2", data.ans2);
    document.getElementById("ans2").innerHTML = "ans2=" + data.ans2;
  });
  request.send();
  </script>

</body>
</html>

PHP

sample_php3.php

<?php
$ret = 0;
if(isset($_GET['str'])) {
  $str = $_GET['str'];
  eval(sprintf('$ret=%s;',$str));
}
$array = array("ans1" => $ret, "ans2" => $ret * $ret);
header("Content-Type: text/javascript; charset=utf-8");
echo json_encode($array);
?>