ております。 Ajax.phpにPOST送信ができず...
Ajaxのデバッグでは、主にデベロッパーツールの「ネットワークタブ」部分を使用します。
まずはこれを使って正常にPOST送信が行われているのかを確認して問題点の切り分けを行いましょう。
因みに、問題の切り分けとは「プログラムのどこが正常でどこに異常があるか」を割り出すことで、
デバッグにおいて有効な手段です。今回のケースだと、まずはAjaxでのお気に入り追加処理が正常に動かないのは、javaScript側の問題か、PHP側の問題かを調査します。
(ネットワーク画面の詳しい見方は、ネットワーク部を参照ください。)
デベロッパーツールを起動->Networkタブを選択した状態でlikeアイコンをクリックすると、「ajaxLike.php」への新しいリクエストが表示されます。それをクリックすることでリクエストの詳細情報を表示することができます。
特に確認するべき点はGeneralのStatus Codeです。 これがリクエスト成功の「200 OK」になっているかチェックしてください。 ここで200以外のエラーになっている場合は、エラーの内容により問題点を切り分けます。
例)
404の場合:存在しないページにリクエストが飛んでいる。footer.phpのurl設定に問題がある。
500の場合:サーバサイドエラーで、通信先のajaxLike.php内部に問題がある。
また、詳細画面の下のForm Dataという項目でPOST送信された値のチェックが出来ます。 ここのpfoductIdが正しい商品IDが表示されているかも確認しましょう。
Status Codeが200、かつ送信されている商品ID値が正しいのであれば、 とりあえずajaxからのajaxLike.phpへPOSTリクエストは正常に行われていると判断できます。
その状態で正常に処理が行われていないのであれば、一旦Ajaxの部分ではなくサーバー側に問題があると方針を変えましょう。
その際はAjaxを使って送られたPOSTを受け取ったあとのphp側の処理でおかしいところがないか等、デバッグしながら確認していってください。
いただいた内容で確認したところ、Status Codeが200、かつFormDataに商品IDが正しい値でしたので、POSTリクエストは正しく行われているとわかりました。
おそらくサーバー側に問題があるということですので、今一度PHP側を見直してみます。
部活の学習一覧
Lesson 01
「WEBサービスと必要な機能」
Lesson 02
「画面を設計しよう!」
Lesson 03
「テーブルを設計しよう!part1」
Lesson 04
「テーブルを設計しよう!part2」
Lesson 05
「テーブルを設計しよう!part3」
Lesson 06
「DB作成」
Lesson 07
「画面を作ろう!」
Lesson 08
「画面を作ろう!part2」
Lesson 09
「ユーザー登録機能を作ろう!」
Lesson 10
「ユーザー登録機能を作ろう!part2」
コーヒーブレイク
「投資の小話」
Lesson 11
「ログイン機能を作ろう!」
Lesson 12
「ログアウト機能を作ろう!」
Lesson 13
「退会機能を作ろう!」
Lesson 14
「プロフィール編集機能を作ろう!」
コーヒーブレイク
「書いて書いて書きまくれ!」
Lesson 15
「パスワード変更機能を作ろう!」
Lesson 16
「パスワードリマインダー機能を作ろう!」
Lesson 17
「商品登録機能を作ろう!」
Lesson 18
「商品登録機能を作ろう!part2」
Lesson 19
「商品登録機能を作ろう!part3」
Lesson 20
「商品一覧表示機能を作ろう!」
Lesson 21
「商品詳細画面を作ろう!」
Lesson 22
「商品検索機能を作ろう!」
Lesson 23
「連絡掲示板機能を作ろう!」
Lesson 24
「お気に入り機能を作ろう!」
Lesson 25
「マイページ機能を作ろう!」
コーヒーブレイク
「はたらくプログラミング 第5話」
ご意見箱
Ajax.phpにPOST送信ができず困っております。
開発ツールのconsoleには「Ajax Success」と出ているのですが、その後の処理が走りません。
console.log(likeProductId)を確認すると商品IDが表示されます。
また、php.logでもisLikeの「特に気に入っていません」が出ていますが、その後のログがないことから、POST送信ができていない、あるいはそもそもAjax.phpに接続?できていないと考えています。
AjaxのPOST送信方法などを調べていますが、解決には至っていません。
他にどのような観点から確認すべきか、ご教示のほどよろしくお願いいたします。