ก่อนหน้านี้ได้พูดถึง Ajax มาแล้วเล็กน้อย วันนี้มาทำความรู้จักกันซักหน่อยนะ

Ajax (Asynchronous Javascript and XML)

ถูกสร้างขึ้นมาเพื่อช่วยแก้ปัญหา web application ที่ใช้ server side script เพราะต้องส่ง request ไปยัง server แล้วรับ response กลับมาถึงจะแสดงผล ข้อมูลเยอะจะช้ามาก

แต่ ajax จะทำงานโดยโหลดข้อมูลแล้วมาแสดงผลเฉพาะส่วนที่ต้องการ โดยทำงานร่วมกับ javascript

ยกตัวอย่างเช่น
$.ajax({
url: ‘url’,
type: ‘POST’,
data: { field1: “hello”, field2 : “hello2”} ,
contentType: ‘application/json; charset=utf-8’,
success: function (response) {
//your success code
alert(response);
},
error: function () {
//your error code
alert(“error”);
}
});
รายละเอียดก็มีดังนี้
url คือ link ในการเรียกเวปนั่นเอง (Target function that will be return result)
type คือ วิธีในการ pass parameter (method type)
data คือ parameter และ value ที่ส่งไปพร้อม url
contentType คือ ลักษณะของการส่งข้อมูล
– ‘application/json; charset=utf-8’
– ‘application/x-www-form-urlencoded; charset=UTF-8’
success คือ ส่วนที่รับกลับมาหลังจากการเรียก url ค่าจะถูกเก็บในตัวแปร response
error คือ ส่วนที่จะทำงานถ้าเกิด error

จริงๆแล้วมีอีกหลายคำสั่ง แต่เดียวจะงงเอาเฉพาะที่ใช้ก่อนนะ