質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

ただいまの
回答率

90.38%

  • PHP

    25009questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    12211questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8549questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • CakePHP

    2577questions

    CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。

POSTを使用せずinput値を取得したい

解決済

回答 1

投稿 編集

  • 評価
  • クリップ 0
  • VIEW 244

mizore

score 1

cakePHPで選択データの出力フォームを改修しています

画面で設定した日付を帳票に出力させたく、
inputを使用して入力フォームを作成しました。

しかし、出力ボタンが数種類あり、それぞれでPOSTされる項目が異なっている状態です。
あまり既存の処理に変更は加えたくはなく、
ビューファイルの下部に
「ファイル(input_date.txt)に入力した日付を書き込む」ための
新規ファンクションを作成することで対応したいと考えています。

ファイルへの書き込み、書き込まれたデータの帳票への出力は成功したのですが、
肝心な、画面で設定した日付の取得方法が不明な状態です。

押下されたボタンによってPOST範囲が異なるため、
他の手法で取得したいのですが、
方法がわからない状態です。

jQueryを使用すればinputのvalueを取得できるらしいのですが...
コードをご教授願います。
不足な情報等あれば、お知らせください。

view(output.ctp)


input箇所
<?php echo $this->F->input("input_date",array('type' => 'date', 'dateFormat' => 'YMD','monthNames' => false, 'id' => 'inputDateId'));?>


ajaxPOST送信箇所

<script>
var y = $('#inputDateIdYear').val(); //年
var m = $('#inputDateIdMonth').val(); //月
var d = $('#inputDateIdDay').val(); //日

$.ajax({
type:"post",
url:"<?php echo [output.ctpを指定] ?>",
data:[y,m,d]
success: function(ret){
console.log(ret);
},
error:function(XMLHttpRequest, textStatus, errorThrown){
}
});
</script>


ファイル書き込み箇所

function test(){
<?php
$write_date = ?

App::uses('Folder', 'Utility');
App::uses('File', 'Utility');

$file = new File(WWW_ROOT.'input_date.txt',true);
$file->write($write_date);
$file->close();
?>

}

  • 気になる質問をクリップする

    クリップした質問は、後からいつでもマイページで確認できます。

    またクリップした質問に回答があった際、通知やメールを受け取ることができます。

    クリップを取り消します

  • 良い質問の評価を上げる

    以下のような質問は評価を上げましょう

    • 質問内容が明確
    • 自分も答えを知りたい
    • 質問者以外のユーザにも役立つ

    評価が高い質問は、TOPページの「注目」タブのフィードに表示されやすくなります。

    質問の評価を上げたことを取り消します

  • 評価を下げられる数の上限に達しました

    評価を下げることができません

    • 1日5回まで評価を下げられます
    • 1日に1ユーザに対して2回まで評価を下げられます

    質問の評価を下げる

    teratailでは下記のような質問を「具体的に困っていることがない質問」、「サイトポリシーに違反する質問」と定義し、推奨していません。

    • プログラミングに関係のない質問
    • やってほしいことだけを記載した丸投げの質問
    • 問題・課題が含まれていない質問
    • 意図的に内容が抹消された質問
    • 広告と受け取られるような投稿

    評価が下がると、TOPページの「アクティブ」「注目」タブのフィードに表示されにくくなります。

    質問の評価を下げたことを取り消します

    この機能は開放されていません

    評価を下げる条件を満たしてません

    評価を下げる理由を選択してください

    詳細な説明はこちら

    上記に当てはまらず、質問内容が明確になっていない質問には「情報の追加・修正依頼」機能からコメントをしてください。

    質問の評価を下げる機能の利用条件

    この機能を利用するためには、以下の事項を行う必要があります。

質問への追記・修正、ベストアンサー選択の依頼

  • m6u

    2019/02/19 19:16

    そのinput要素にidもしくはclassは設定できますか?

    キャンセル

  • mizore

    2019/02/20 09:13

    コメントありがとうございます。
    id(inputDateId)を設定したところ。
    ブラウザの開発モードで、
    年 ID="inputDateIdYear"
    月 ID="inputDateIdMonth"
    日 ID="inputDateIdDay"
    となっていることを確認しました。

    キャンセル

回答 1

checkベストアンサー

0

idが設定されてあれば
Selectors - jQuery 日本語リファレンス
#id - jQuery 日本語リファレンス

        $(function(){
            // Ajax button click
            $('#ajax').on('click',function(){
                $.ajax({
                    url:'./request.php',
                    type:'POST',
                    data:{
                        'y':$('#inputDateIdYear').val(),  // 年
                        'm':$('#inputDateIdMonth').val(),  // 月
                        'd':$('#inputDateIdDay').val(),  // 日
                    }
                })
                // Ajaxリクエストが成功した時発動
                .done( (data) => {
                    $('.result').html(data);
                    console.log(data);
                })
                // Ajaxリクエストが失敗した時発動
                .fail( (data) => {
                    $('.result').html(data);
                    console.log(data);
                })
                // Ajaxリクエストが成功・失敗どちらでも発動
                .always( (data) => {

                });
            });
        });


みたいな書き方で年月日を取得して送信できるはず。
ボタンにイベントを登録するのを忘れずに。

参考:
\[jQuery\]フォーム操作、input・selectの値(value)取得のあれこれ - Qiita

んで、POSTせずjs(jQuery)上からphpに送信するためにjQuery.Ajaxつかいます。
はじめてのAjax(jQuery) 2018年版 - Qiita
参考記事内の「$.ajax」とかかいてあるあたりの流れをおさらいしてください。

投稿

編集

  • 回答の評価を上げる

    以下のような回答は評価を上げましょう

    • 正しい回答
    • わかりやすい回答
    • ためになる回答

    評価が高い回答ほどページの上位に表示されます。

  • 回答の評価を下げる

    下記のような回答は推奨されていません。

    • 間違っている回答
    • 質問の回答になっていない投稿
    • スパムや攻撃的な表現を用いた投稿

    評価を下げる際はその理由を明確に伝え、適切な回答に修正してもらいましょう。

  • 2019/02/20 10:26 編集

    jQueryで取得した結果を変数へ入れるところで構文エラーになってしまいます。
    y = $('#inputDateIdYear').val(); // 年
    m = $('#inputDateIdMonth').val(); // 月
    d = $('#inputDateIdDay').val(); // 日

    構文エラー,unexpected'(',expecting'valiable


    yを$yにしたところ、以下の構文エラーとなりました。
    構文エラー,unexpected'(',expecting'valiable'または'$'

    また、yを var yにしてみた結果
    構文エラー,unexpected'var’,expecting'EOF'
    となりました。

    知識不足で申し訳ありません。
    PHPの変数に格納する方法をお教えいただけないでしょうか。

    キャンセル

  • 2019/02/20 10:36

    そもそもjsのコードのつもりで書いてますから、
    phpコードブロック内ではなく、フォーム表示するhtml上のjsブロックに記載します。
    yやmやdの前になにか文法エラーがないですかね。
    私が提示した部分については文法エラーはなさそうに思えるので。
    js(jQuery)上でinputから値を取り出して、Ajaxにてphp宛にPOSTする、って流れはOKですか。

    キャンセル

  • 2019/02/20 11:21

    質問上のコードを修正しました。
    POSTの宛先は自ファイルにしてあります。
    構文エラーはなくなりました。
    しかし、$_POSTは空の状態です。POST方法が悪いのでしょうか…

    キャンセル

  • 2019/02/20 11:28

    ボタンにイベントを追加してAjaxでPOST送信するコードを書かないと送信されませんが、いかがでしょうか。

    キャンセル

15分調べてもわからないことは、teratailで質問しよう!

  • ただいまの回答率 90.38%
  • 質問をまとめることで、思考を整理して素早く解決
  • テンプレート機能で、簡単に質問をまとめられる

同じタグがついた質問を見る

  • PHP

    25009questions

    PHPは、Webサイト構築に特化して開発されたプログラミング言語です。大きな特徴のひとつは、HTMLに直接プログラムを埋め込むことができるという点です。PHPを用いることで、HTMLを動的コンテンツとして出力できます。HTMLがそのままブラウザに表示されるのに対し、PHPプログラムはサーバ側で実行された結果がブラウザに表示されるため、PHPスクリプトは「サーバサイドスクリプト」と呼ばれています。

  • HTML

    12211questions

    HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

  • jQuery

    8549questions

    jQueryは、JavaScriptライブラリのひとつです。 簡単な記述で、JavaScriptコードを実行できるように設計されています。 2006年1月に、ジョン・レシグが発表しました。 jQueryは独特の記述法を用いており、機能のほとんどは「$関数」や「jQueryオブジェクト」のメソッドとして定義されています。

  • CakePHP

    2577questions

    CakePHPは、PHPで書かれたWebアプリケーション開発用のフレームワークです。 Ruby on Railsの考え方を多く取り入れており、Railsの高速性とPHPの機動性を兼ね備えています。 MVCやORMなどを「規約優先の考え方」で利用するため、コードを書く手間を省くことができます。 外部のライブラリに依存しないので、単体での利用が可能です。