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

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

新規登録して質問してみよう
ただいま回答率
85.49%
PHP

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

CakePHP

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

Q&A

解決済

1回答

1745閲覧

特定のアクションでJavaScript ajaxのアクセスが404になってしまう

massy7

総合スコア45

PHP

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

CakePHP

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

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Ajax

Ajaxとは、Webブラウザ内で搭載されているJavaScriptのHTTP通信機能を使って非同期通信を利用し、インターフェイスの構築などを行う技術の総称です。XMLドキュメントを指定したURLから読み込み、画面描画やユーザの操作などと並行してサーバと非同期に通信するWebアプリケーションを実現することができます。

0グッド

0クリップ

投稿2017/07/13 01:47

編集2017/07/13 03:26

###前提・実現したいこと
・Cakephp3
・Amazon EC2

リアルタイムに情報を更新するページを作成しています。
AjaxでcakephpのアクションのURLを指定し、DB処理を行います。

何かしらの変更後(どこが原因かわかりません。記憶を頼りに出来る限り戻しましたが治りませんでした)から(update-holiday)アクションで404になってしまいます。
変更前は期待通りの動作をしていました。

###エラーが出る前に変更した点
jsに追加

$('#description'+id).prop('disabled', false);

アクションに追加

$holiday->description = $this->request->data('description');

また、php.iniにてファイルのMAXアップロード容量を100Mまで引き上げました。

###発生している問題・エラーメッセージ
POST 404エラー

ChromeConsole

POST https://XXX/update-holiday 404 () edit_holiday.js:103 XMLHttpRequest : 404 edit_holiday.js:104 textStatus : error edit_holiday.js:105 errorThrown :

EC2、Apacheのaccess_log

172.31.13.0 - - [13/Jul/2017:10:23:22 +0900] "POST XXX/update-client HTTP/1.1" 404 211287 "XXX/setting" "Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/59.0.3071.115 Safari/537.36"

###該当のソースコード

javascript

1('.ok').click(function(){ 2 id = $(this).val(); 3 4 $('#ok'+id).prop('disabled', true); 5 $('#stop'+id).prop('disabled', true); 6 7 $('#description'+id).prop('disabled', true); 8 $('#start-date'+id).prop('disabled', true); 9 $('#start-time'+id).prop('disabled', true); 10 $('#end-date'+id).prop('disabled', true); 11 $('#end-time'+id).prop('disabled', true); 12 13 $.ajax({ 14 type: 'POST', 15 url: 'https://XXX/update-holiday', 16 data: { 17 id: parseInt($('#id'+id).text()), 18 description: $('#description'+id).val(), 19 start_date: $('#start-date'+id).val(), 20 start_time: $('#start-time'+id).val(), 21 end_date: $('#end-date'+id).val(), 22 end_time: $('#end-time'+id).val(), 23 deleted: 0, 24 } 25 }).done(function(data, textStatus, jqXHR){ 26 $('#edit'+id).show(); 27 $('#delete'+id).show(); 28 $('#ok'+id).hide(); 29 $('#stop'+id).hide(); 30 31 $('#ok'+id).prop('disabled', false); 32 $('#stop'+id).prop('disabled', false); 33 34 $('tr#tr'+id).removeClass('info'); 35 }).fail(function(jqXHR, textStatus, errorThrown){ 36 console.log("XMLHttpRequest : " + jqXHR.status); 37 console.log("textStatus : " + textStatus); 38 console.log("errorThrown : " + errorThrown); 39 40 $('#ok'+id).prop('disabled', false); 41 $('#stop'+id).prop('disabled', false); 42 43 $('#description'+id).prop('disabled', false); 44 $('#start-date'+id).prop('disabled', false); 45 $('#start-time'+id).prop('disabled', false); 46 $('#end-date'+id).prop('disabled', false); 47 $('#end-time'+id).prop('disabled', false); 48 }); 49 });

###試したこと

  • ほぼ同じコード(HTMLのid等を変更)の別のアクション(update-client)にあるjsでは正常にアクセスできています。
  • (update-client)のjsのURLを(update-holiday)にすると404になりません(つまりURLはあっている)。
  • 正常に動作している、(update-client)のjsのファイルをコピーして(update-holiday)のページで動作させると同じく404エラーになります。
  • エラーが出る前に変更した点をコメントアウト(php.iniはもとの数値を覚えていません)

###補足

  • jsファイルのアクセス権限はともに-rw-r--r--です。
  • どちらのアクション(update-client)、(update-holiday)でも
$this->viewBuilder()->layout(''); $this->autoRender = false;

を宣言しており、ctpファイル(空)のアクセス権限はともに-rw-r--r--です。

原因や怪しい点などございましたらご教示願います。

###追記
logs/debug.log

2017-07-13 12:21:59 Debug: duration=0 rows=0 SELECT Holidays.id AS `Holidays__id`, Holidays.description AS `Holidays__description`, Holidays.start_date AS `Holidays__start_date`, Holidays.start_time AS `Holidays__start_time`, Holidays.end_date AS `Holidays__end_date`, Holidays.end_time AS `Holidays__end_time`, Holidays.deleted AS `Holidays__deleted` FROM holidays Holidays WHERE Holidays.id = 0 LIMIT 1

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

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

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

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

popobot

2017/07/13 03:10

CakePHPが404を出しているならどこかでNotFoundExceptionをスローしていると思います。logs配下のエラー等記録されていないか確認してみてください。
massy7

2017/07/13 03:13

「/var/log/httpd/error_log」には何も出てこないので、cakephpは関係ないのものだと思っています
popobot

2017/07/13 03:14

Apacheではなく、CakePHPのログを見てみてください。
massy7

2017/07/13 03:25

error.logには実行時に何も出てきませんでした。debug.logにはDBアクセスされたようなログが出てきました。追記します。
guest

回答1

0

ベストアンサー

あくまで推測ですが...
debug.logのSQLをよく見ると
最初の方にrows=0と書かれており、結果が0件になっていますね。このSQLがどのようなコードから発行されたか記載がないのですが、多分get()かfirstOrFail()などが使われており、結果がみつからなかったので、RecordNotFoundExceptionがスローされて404になったのではないかと推測します。

最後の方のwhere句でWHERE Holidays.id = 0となっているので、js側から渡されたidが正しくSQLに設定されていないのが原因ではないかと思います。もしくはjs側がhtmlから正しくidを取れていないか...

投稿2017/07/13 03:38

編集2017/07/13 03:46
popobot

総合スコア6586

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

massy7

2017/07/13 03:49 編集

htmlでidの表示をやめていたことが原因で、idに値が入っておりませんでした。 変更直後にしっかり確認したいと思います。ありがとうございました。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.49%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問