ฟังก์ชัน jQuery AJAX
jQuery มีคลังฟังก์ชัน (วิธี) ที่รวมถึงการพัฒนา AJAX
ตัวอย่าง jQuery AJAX
กดปุ่มด้านล่างเพื่อเปลี่ยนข้อความนี้ด้วย AJAX
ตัวอย่างดังกล่าวมาจาก อบรม AJAXแต่ถูกแก้ไขด้โดย jQuery
อะไรคือ AJAX?
AJAX = Asynchronous JavaScript and XML.
AJAX คือเทคโนโลยีที่ใช้สร้างหน้าเว็บไซต์ที่ดีโดยรวม
AJAX สามารถทำการปรับปรุงหน้าเว็บไซต์อย่างอัตโนมัติโดยการแลกเปลี่ยนข้อมูลเล็กน้อยกับเซิร์ฟเวอร์แบบหลังบริเวณ ซึ่งหมายความว่ามีความเป็นไปได้ที่จะปรับปรุงส่วนหนึ่งของหน้าเว็บไซต์โดยไม่ต้องโหลดหน้าเว็บไซต์ทั้งหมด
คุณสามารถดูใน อบรม AJAX เรียนรู้ข้อมูล AJAX มากยิ่งขึ้น
AJAX และ jQuery
jQuery มีคลังฟังก์ชัน (วิธี) ที่รวมถึงการพัฒนา AJAX。
ผ่าน jQuery AJAX คุณสามารถขอ TXT、HTML、XML หรือ JSON จากเซิร์ฟเวอร์ทางไกลด้วย HTTP Get และ HTTP Post。
而且您可以直接把远程数据载入网页的被选 HTML 元素中！
写的更少，做的更多
jQuery 的 load 函数是一种简单的（但很强大的）AJAX 函数。它的语法如下：
$(selector).load(url,data,callback)
请使用 selector 来定义要改变的 HTML 元素，使用 url 参数来指定数据的 web 地址。
只有当您希望向服务器发送数据时，才需要使用 data 参数。只有当您需要在执行完毕之后触发一个函数时，您才需要使用 callback 参数。
Low Level AJAX
$.ajax(options) 是低层级 AJAX 函数的语法。
$.ajax 提供了比高层级函数更多的功能，但是同时也更难使用。
option 参数设置的是 name|value 对，定义 url 数据、密码、数据类型、过滤器、字符集、超时以及错误函数。
jQuery AJAX 请求
| 请求 | 描述 |
|---|---|
| $(selector).load(url,data,callback) | 把远程数据加载到被选的元素中 |
| $.ajax(options) | 把远程数据加载到 XMLHttpRequest 对象中 |
| $.get(url,data,callback,type) | 使用 HTTP GET 来加载远程数据 |
| $.post(url,data,callback,type) | 使用 HTTP POST 来加载远程数据 |
| $.getJSON(url,data,callback) | 使用 HTTP GET 来加载远程 JSON 数据 |
| $.getScript(url,callback) | 加载并执行远程的 JavaScript 文件 |
(url) 被加载的数据的 URL（地址）
(data) 发送到服务器的数据的键/值对象
(callback) ฟังก์ชันที่จะทำงานเมื่อข้อมูลถูกโหลด
(type) ชนิดของข้อมูลที่ถูกส่งกลับ (html,xml,json,jasonp,script,text)
(options) ตัวเลือกทั้งหมดของค่าและหมายเหตุของคำขอ AJAX ที่เต็มทั้งหมด
คู่มืออ้างอิง
ถ้าคุณต้องการข้อมูลเกี่ยวกับฟังก์ชัน jQuery AJAX มากขึ้น โปรดเข้าดู คู่มือ jQuery AJAX。
