Ajax – CakePHP3 Tips

2017/12/04 -jQuery3
Ajax, JavaScript, jQuery UI, モーダル, サンプルコード

jQuery UI モーダル(modal)でダイアログを開くサンプルコードです。 ※ jQuery 3.1 / jQuery UI 1.12 [crayon-5 …

2017/12/01 -jQuery3
response, cache, timeout, サンプルコード, Ajax

jQuery3 Ajax通信のサンプルコードです。

// ex) カテゴリ追加
$(function(){
$.ajax({
url: '/add',  // リクエスト送信先URL
type: 'POST', // get or postメソッド
timeout: 2000, // タイムアウト時間をミリ秒で設定
cache: false,  // キャッシュ無効
data: {'category_name': category_name}, // サーバーに送信する値
dataType: 'json' // サーバーから返されるデータ型
}).done(function (response, textStatus, jqXHR) {
// サーバー側[php] echo json_encode(['status' => true or false]);
if (response.status) {
// 追加成功
alert('success.');
} else {
// 追加失敗
alert('error.');
}
}).fail(function (jqXHR, textStatus, errorThrown) {
// 通信失敗
alert('error.');
});
});

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

// ex) カテゴリ追加

$(function(){

$.ajax({

url: '/add', // リクエスト送信先URL

type: 'POST', // get or postメソッド

timeout: 2000, // タイムアウト時間をミリ秒で設定

cache: false, // キャッシュ無効

data: {'category_name': category_name}, // サーバーに送信する値

dataType: 'json' // サーバーから返されるデータ型

}).done(function (response, textStatus, jqXHR) {

// サーバー側[php] echo json_encode(['status' => true or false]);

if (response.status) {

// 追加成功

alert('success.');

} else {

// 追加失敗

alert('error.');

}

}).fail(function (jqXHR, textStatus, errorThrown) {

// 通信失敗

alert('error.');

});

CakePHP3 Ajax通信でコントローラーの途中で抜ける方法

2017/11/30 -コントローラー(Controller)
echo, json_encode, autoRender, return, Ajax

CakePHP3 Ajax通信でコントローラーの途中で抜ける方法の参考コードです。

public function index()
{
$this->autoRender = FALSE;
$flg = true; // true or false
if (!$flg) {
// Ajax戻り値
echo json_encode(['status' => false, 'err_msg' => __('サーバーエラーが発生しました。')]);
// ここで処理終了
return;
}
}

1

2

3

4

5

6

7

8

9

10

11

12

13

public function index()

{

$this->autoRender = FALSE;

$flg = true; // true or false

if (!$flg) {

// Ajax戻り値

echo json_encode(['status' => false, 'err_msg' => __('サーバーエラーが発生しました。')]);

// ここで処理終了

return;

}

リクエストメソッド判定方法 (Get/Post/Ajax)

2017/11/23 -コントローラー(Controller)
Post, Get, リクエストメソッド, Ajax

コントローラーでのリクエストメソッド(Get/Post/Ajax)判定方法です。 ◯ Get判定

$this->request->is('get');

1	$this->request->is('get');

◯ Post判定 [crayon-5 …

CakePHP3 レイアウト無効化

2017/11/23 -コントローラー(Controller)
Ajax, レイアウト, レンダリング

「autoRender」は自動的にレンダリングし、レイアウトする機能の設定(デフォルト：true)です。

// レイアウト無効化
$this->autoRender = false;

1 2	// レイアウト無効化 $this->autoRender = false;

※Ajax通信時などに使用

「 Ajax 」 一覧

「 Ajax 」一覧