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

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

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

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

jQuery

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

Ajax

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

Q&A

解決済

1回答

2982閲覧

jqueryからajaxにてcakephpに、postデータを送る

usuallyi

総合スコア41

CakePHP

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

jQuery

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

Ajax

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

0グッド

0クリップ

投稿2016/10/27 15:04

以下のプログラムの後ろ部分にある。
ajax内のdataのpageがなぜかcakephp内のコントローラに送れません。
ajaxがerrorになり、console.logが失敗になってしまいます。

どういった原因で送れないのでしょうか。

javascript

1function tweet_bottom(){ 2 $(window).bottom({proximity: 0.05}); 3 $(window).bind("bottom", function(){ 4 var obj = $(this); 5 //var page =data.page; 6 if (!obj.data("loading")) { 7 obj.data("loading", true); 8 $('div.loading').append('<li>Loading...</li>'); 9 setTimeout(function() { 10 $('#div.loading').remove(); 11 $.ajax({ 12 type:"POST", 13 url: '/cakephp/users/json_data', 14 dataType: 'json', 15 cache : false, 16 //data : {'page': page}, 17 timeout: 10000, 18 error:function(){ 19 //通信失敗時の処理 20 // alert('通信失敗'); 21 }, 22 success:function(data){ 23 24 user_id = data.user_id; 25 my_id = data.my_id; 26 var page =data.page; 27 page++; 28 var i=0; 29 console.log(page); 30 $("#output").empty(); 31 for(i in data.json_data){ 32 console.log('sucess_jsondata'+i); 33 $("#output").append('<a href='+data.json_data[i].Tweet.name+'>'+data.json_data[i].Tweet.name+"</br>"); 34 var tweet =data.json_data[i].Tweet.tweet; 35 tweet =tweet.replace(/\r?\n/g, '<br>'); 36 tweet =tweet.replace(/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g, '<a href="$1">$1</a> '); 37 $("#output").append(tweet+"</br>"); 38 $("#output").append(data.json_data[i].Tweet.tweettime+"</br>"); 39 //console.log(i); 40 if(data.my_id==data.json_data[i].Tweet.name){ 41 $("#output").append('<button type="button" name="delite" id="delite" value='+data.json_data[i].Tweet.id+'>削除</button></br>'); 42 } 43 $("#output").append("</br>"); 44 } 45 $.ajax({ 46 type:"POST", 47 url: '/cakephp/users/json_data', 48 dataType: 'json', 49 cache : false, 50 data : {'page': page}, 51 timeout: 10000, 52 success:function(data){ 53 console.log(page+'success'); 54 }, 55 error:function(){ 56 console.log('失敗'); 57 } 58 }); 59 } 60}); 61 obj.data("loading", false); 62 }, 1500); 63 } 64 }); 65}

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

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

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

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

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

guest

回答1

0

ベストアンサー

urlをフルパスで書いてみてはいかがでしょうか。

デベロッパーツールでエラー内容を確認してみてください。

【Web開発でよく使う、特に使えるChromeデベロッパー・ツールの機能 - Build Insider】
http://www.buildinsider.net/web/chromedevtools/01

【Chrome デベロッパーツールの使い方概要 | Web Tips】
http://weback.net/utility/1410/

投稿2016/10/27 18:38

kei344

総合スコア69407

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

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

usuallyi

2016/10/27 23:56

フルパスで書きましたが、 失敗になってしまいます。 他のfunctionでpostが成功している 変数をdataに入れると、 成功するのですが、 pageを送ろうとすると 失敗してしまいます。
kei344

2016/10/28 03:17

error:function(e){console.log(e);} で原因を見てみては?
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問