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

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

ただいまの
回答率

91.87%

  • jQuery

    3911questions

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

  • CakePHP

    1691questions

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

  • Ajax

    675questions

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

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

解決済

回答 1

投稿 2016/10/28 00:04

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

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

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

function tweet_bottom(){
  $(window).bottom({proximity: 0.05});
      $(window).bind("bottom", function(){
        var obj = $(this);
        //var page =data.page;
        if (!obj.data("loading")) {
          obj.data("loading", true);
          $('div.loading').append('<li>Loading...</li>');
          setTimeout(function() {
            $('#div.loading').remove();
            $.ajax({
        type:"POST",
        url: '/cakephp/users/json_data',
        dataType: 'json',
        cache : false,
        //data : {'page': page},
        timeout: 10000,
    error:function(){
            //通信失敗時の処理
          //  alert('通信失敗');
        },
    success:function(data){

    user_id = data.user_id;
    my_id = data.my_id;
    var page =data.page;
    page++;
    var i=0;
    console.log(page);
    $("#output").empty();
    for(i in data.json_data){
      console.log('sucess_jsondata'+i);
    $("#output").append('<a href='+data.json_data[i].Tweet.name+'>'+data.json_data[i].Tweet.name+"</br>");
    var tweet =data.json_data[i].Tweet.tweet;
      tweet =tweet.replace(/\r?\n/g, '<br>');
      tweet =tweet.replace(/((http|https|ftp):\/\/[\w?=&.\/-;#~%-]+(?![\w\s?&.\/;#~%"=-]*>))/g, '<a href="$1">$1</a> ');
    $("#output").append(tweet+"</br>");
    $("#output").append(data.json_data[i].Tweet.tweettime+"</br>");
    //console.log(i);
    if(data.my_id==data.json_data[i].Tweet.name){
    $("#output").append('<button type="button" name="delite" id="delite" value='+data.json_data[i].Tweet.id+'>削除</button></br>');
     }
    $("#output").append("</br>");
  }
    $.ajax({
        type:"POST",
        url: '/cakephp/users/json_data',
        dataType: 'json',
        cache : false,
        data : {'page': page},
        timeout: 10000,
        success:function(data){
          console.log(page+'success');
        },
        error:function(){
          console.log('失敗');
        }
      });
  }
});
            obj.data("loading", false);
          }, 1500);
        }
   });
}
  • 気になる質問をクリップする

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

    クリップした質問はマイページの「クリップ」タブからいつでも見ることができます。

    クリップを取り消します

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

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

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

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

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

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

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

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

    質問の評価を下げる

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

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

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

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

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

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

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

    詳細な説明はこちら

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

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

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

回答 1

checkベストアンサー

+1

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

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

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

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

投稿 2016/10/28 03:38

  • 回答の評価を上げる

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

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

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

  • 回答の評価を下げる

    以下のような回答は評価を下げられます

    • 間違っている回答
    • 質問の回答になっていない投稿
    • 不快な投稿

    評価を下げる際はその理由をコメントに書き込んでください。

  • 2016/10/28 08:56

    フルパスで書きましたが、
    失敗になってしまいます。

    他のfunctionでpostが成功している
    変数をdataに入れると、
    成功するのですが、
    pageを送ろうとすると
    失敗してしまいます。

    キャンセル

  • 2016/10/28 12:17

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

    キャンセル

teratailには29人のエキスパートがいます

今すぐはじめる

もっと詳しく

関連した質問

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

  • jQuery

    3911questions

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

  • CakePHP

    1691questions

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

  • Ajax

    675questions

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

閲覧数の多いCakePHPの質問