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

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

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

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

CakePHP

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

Ajax

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

Q&A

解決済

1回答

5895閲覧

ajaxのcallbackが「SyntaxError: Unexpected token メ」となる場合の解決法について

isoyan

総合スコア45

PHP

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

CakePHP

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

Ajax

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

0グッド

0クリップ

投稿2015/07/06 08:21

[現状]
followボタンを押すとPOST通信が行われ、DB登録まではされることは確認しています。
ただしcallbackが'error'となってしまい、ステータスをみるとparser errorとなってしまいます。
json_encodeをしてからデータを渡しているのでparser errorとなる理由が分かりません。
よろしくお願いします。

[logの結果]
'error': function(req, stat, ex) {
console.log(stat);
console.log(ex);
}
console.log(stat)→parsererror
console.log(ex)
→SyntaxError: Unexpected token メ
at Object.parse (native)
at e.extend.parseJSON (http://code.jquery.com/jquery-1.7.2.min.js:2:10821)
at cb (http://code.jquery.com/jquery-1.7.2.min.js:2:1373)
at w (http://code.jquery.com/jquery-1.7.2.min.js:4:12340)
at XMLHttpRequest.f.support.ajax.f.ajaxTransport.send.d (http://code.jquery.com/jquery-1.7.2.min.js:4:18318)

[実行環境]
PHP 5.6.8
CakePHP 2.7.0

[リソース]
[UsersController.php]
public function follow($id) {
if ($this->request->is('get')) {
//throw new MethodNotAllowedException();
}
echo "メソッド自体は実行されています。";
if ($this->request->is('ajax')) {
$this->loadModel('Follow');

$data = array( "Follow" => array( 'user_id' => $this->Auth->user('id'), 'follow_id' => $id ) ); if ($this->Follow->save($data)) { $this->autoRender = false; $this->autoLayout = false; $response = array('id' => $id); $this->header('Content-Type: application/json'); echo json_encode($response); //debug($response); exit(); } } $this->redirect(array('action'=>'index')); }

[Users/index.ctp]

<ul> <?php foreach ($users as $user) : ?> <li id="user_<?php echo h($user['User']['id']); ?>"> <?php echo $this->Html->link($user['User']['username'] ,array( 'controller' => 'Users' ,'action'=>'index' , $user['User']['id']) ); echo $this->Html->link('Follow', '#', array('class'=>'follow', 'data-user-id'=>$user['User']['id'])); ?> </li> <?php endforeach; ?> </ul> <script> $(function() { $('a.follow').click(function(e) { if (confirm('sure?')) { alert ('http://localhost/workgs/9/users/follow/'+$(this).data('user-id')); $.ajax({ 'type': 'POST', 'dataType': 'json', 'url': 'http://localhost/workgs/9/users/follow/'+$(this).data('user-id'), 'success': function(res) { alert("実行されています"); $('#user_'+res.id).fadeOut(); }, 'error': function(req, stat, ex) { alert("エラーです"); console.log(req); console.log(stat); console.log(ex); } }); } return false; }); }); </script>

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

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

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

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

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

guest

回答1

0

ベストアンサー

デバッグ用のecho "メソッド自体は実行されています。";がJSONの前に入っているのでパースエラーとなっているようです。

投稿2015/07/06 08:22

maisumakun

総合スコア145184

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

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

isoyan

2015/07/06 08:28

お早めの回答ありがとうございました! 助かりました。解決しました。 このメソッドの中でecho したものについてコールバック関数の中に返すから、"メソッド自体は実行されています。"がjson_encodeされていなかったためパースエラーとなっているということでしょうか。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問