จด: jQuery Ajax แบบง่าย ครบถ้วนและดูดี

แวะมาจดไว้กันลืม การ request jquery ajax แบบครบถ้วนสมบูรณ์ ง่ายๆและดูดี

$.ajax({
  type: 'POST',
  url: 'https://iamatomix.wordpress.com',
  data: { Var1: 'AA', Var2: 'BB' },
  
  // จังหวะก่อน request ให้เปลี่ยนเป็นรูป loding
  beforeSend:function(){ 
    $('#ajax-result').html('<div class="loading"><img src="img/loading.gif" alt="Loading..." /></div>');
  },
  
  //จังหวะที่ request เสร็จแล้วจะให้ทำอะไร
  success:function(data){
    $('#ajax-result').empty().html(data);
  },
  
  //ถ้า request ทำไม่สำเร็จให้ทำอะไร
  error:function(){
    $('#ajax-result').html('<p class="error"><strong>ขออภัย!</strong> .</p>');
  }
});

About DJ.Atomix

บทความนี้ตั้งใจจะเอาข้อมูลมีประโยชน์มานำเสนอ บทความอาจจะไม่ถูกต้อง 100% นะครับ หากมีข้อเสนอแนะเพิ่มเติมช่วยคอมเม้นท์ด้วยแล้วกันครับ หากนำไปเผยแพร่ที่อื่นกรุณานำลิ้งกลับมาที่ https://iamatomix.wordpress.com ด้วยนะครับ ขอบคุณที่ติดตามอ่านครับ

Posted on 20/02/2014, in jQuery, Programming and tagged , , , , , . Bookmark the permalink. ใส่ความเห็น.

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Google+ photo

You are commenting using your Google+ account. Log Out / เปลี่ยนแปลง )

Connecting to %s

%d bloggers like this: