ckentq
8/23/2016 - 10:07 AM

ajax sample

ajax sample

var url = $('#main-wrapper').attr('data-url');
var loading = $('.loading');

$('.submit').on('click', function(){
  var formData = $('.createForm').serialize();
  loading.removeClass('hide');//顯示儲存中
  $.post(url, formData,function(){},'json')
    .done(function(callback){
        if(callback.success){
          //成功之後要做的事情
        }else{
         // 失敗之後要做的事情
        }	
         loading.addClass('hide');
    }).fail(function(callback){
        //連現階段錯誤失敗訊息
      loading.addClass('hide');
    });
              
});
<div data-url="domain/news/update" id="main-wrapper">
  <form class="createForm">
    <input name="xxx">
    <button class="submit">送出</button>
  </form>
</div>
<div class="loading hide">我是處理中的特效</div>