Ajaxテンプレート

公開日:2019-04-15
最終更新:2019-04-21

jQueryでAjax処理

$(function() {  
  $('#button').click(function() {  
    // ajax  
    $.ajax({  
      url:'./ajax.php',  
      type:'POST',  
      data:{  
        id : $('this').data('id'),  
        val: $('#write').val()  
      }  
    })  
    // 正常終了  
    .done( (data) => {  
      console.log('success ' + data);  
    })  
    // 異常終了  
    .fail( (data) => {  
      console.log('fail ' + data);  
    })  
    // 必ず行う処理  
    .always( (data) => {  

    });  
  });  
});  

PHP処理

<?php  
try {  
  $PostApp = new \MyApp\Post();  
  if (empty($_POST['id'])) {  
    $post   = $PostApp->insert();  
  }  
  echo OK;  
} catch (PDOException $e) {  
  header('Content-Type: text/html; charset=UTF-8', true, 500);  
  echo ERROR;  
}  
exit;  

Postクラス内で$_POSTの値チェックを行う。

参考:
http://api.jquery.com/jQuery.ajax/
http://js.studio-kingdom.com/jquery/ajax/ajax

@7nabaの技術ブログ

このログについているタグ

jQuery
ajax

0件のコメント

ブログ開設 or ログイン してコメントを送ってみよう

技術ブログ開設

ここから先はアカウント(ブログ)開設が必要です

英数字4文字以上
.qrunch.io
英数字6文字以上
ログインする