初めてのajaxその２

#出ができたので入りも作る
前回の投稿でajaxの出力が出来たので、入力も作ってみることにしました。

お手本
http://webcake.no003.info/webdesign/jquery-ajax-php-post-sample.html

#実践
##JavaScript側実装
XXXXが実行されたらdataに設定した情報をpostパラメータとして
PHPに送ります。

      function XXXX(){ 
        var data = {param : 'new_message'};
        $.ajax({
          url: 'http://192.168.XX.XX/XXX/XXX_php',　//PHPの処理のパス
          type:'POST',
          data: data,
          timeout:1000,
          success: function(data) {
                        console.log(data);
                     },
          error: function(data) {
                         console.log(data);
                     }
        });
      };

##PHP側実装
PHP側はPOSTパラメータとして受取り、文字列を連結してechoします。

      function XXX_php()
        {
            if (isset($_POST['param']))
            {
                echo "OK param = " . $_POST['param'];
            }
            else
            {
                echo 'The parameter of "request" is not found.';
            }
        }

結果

OK param = new_message      

あとはPHP内の処理をいじると色々できそう。