Ajaxテンプレート

2019-04-15に投稿

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

このログへのコメント

コメントはありません
このエントリーをはてなブックマークに追加