PHP AjaxでAPIアクセスして、JSONデータを取得する。

Question

テキストボックスにコードを入力してボタンが押されたら、別サーバのAPIにアクセスして、情報を取得するPGでつまづいています。
failの、「alert("ajaxでExceptionが投げられました");」の方に入ってしまいます。
下記、コードです。

function get_intro() {
		var intro_code = $('#ModelIntroduceCode').val();
		$.ajax({
    		type: 'GET',
		    dataType:'text',
		    url:'Con/getIntroInfo/'+intro_code,
		}).done(function(
	          var div1 = document.getElementById('name');
	          div1.innerHTML = '<label id="lbl_name">' + data + '<label/>';
		}).fail(function(data){
			alert("ajaxでExceptionが投げられました");
		});
		//サブミット後、ページをリロードしないようにする
        return false;
	}

public function getIntroInfo($code=0) {
		$this->layout = '';
		// 情報取得APIを実行
 		if (!$this->RequestHandler->isAjax()) {
 			$this->cakeError('error404');
 		}

		$host		= 'https://～.com/api/get_introducer_data.php/?introduce_code=' + $code + '&key=*******';
		$opts = array('http' =>
				array(
						'method'  => 'GET',
						'header'  => 'Content-type: application/x-www-form-urlencoded',
						'ignore_errors' => true
				)
		);
		$context  = stream_context_create($opts);
		$json = file_get_contents($host, false, $context);
		$json = mb_convert_encoding($json, 'UTF8', 'ASCII,JIS,UTF-8,EUC-JP,SJIS-WIN');
		$arr = json_decode($json,true);
		if ($arr === NULL) {
	    	//〜データがない時の処理〜
			$this->set('nickname', "該当する情報がありません。");
		}else{
	    	//〜存在しているときの処理〜
	    	// 情報をセッションに保持
			session_start();
			$_SESSION[‘id’] = $arr['id'];
	    	// 名前を返却
	    	$this->set('name', $arr['name']);
		}
	}

Comments

[twin_bird]

クロームであればデベロッパーツール開いて、NetWorkのタグを押して、Record Networking logのボタンを押して監視すると良いです。500番とかのサーバーサイドのエラーがある場合、該当するName Pathをクリックして右側のPreviewという所を押すとエラー見れるかと思います。

[twin_bird]

Logファイルに書き込めるようなヘルパー関数とかあれば、それもデバッグの手になるかと思います。

Answer 1

ひとまずデベロッパーツールでエラーを確認してみてはいかがでしょうか。

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

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

---

また、fail で受け取れる情報もあるので、そちらも確認してみてください。

.fail( function( jqXHR, textStatus, errorThrown ) {
    // エラーの場合処理
    console.log( jqXHR.status );
    console.log( textStatus ); // "timeout", "error", "abort", "parsererror"
    console.log( errorThrown );
} )

【jQuery.ajax() | jQuery API Documentation】
http://api.jquery.com/jquery.ajax/

Comments

[popobot]

横から失礼します.... 少しだけ補足です
GET系の処理なら、isAjax判定をコメントアウトして、まずはブラウザで直に/Con/getIntroInfo/<code_id>を実行してうまいくようになってからajax化したほうがいいですよ。
// if (!$this->RequestHandler->isAjax()) {
// $this->cakeError('error404');
//}
CakeのAjax処理はデバックしづらいですよね...

[kei344]

補足ありがとうございます！

Answer 2

本筋とは少し違うかもしれませんが、GETでContent-Type指定は非常に違和感。