ตัวอย่างการใช้งานจริงของ Asp+Ajax(Jquery) เวอร์ชัน 2.0

ตัวอย่างการใช้งานชุดค่าผสม ASP+AJAX(Jquery)

เครื่องมือแก้ไข Downcodes วันนี้นำเสนอตัวอย่างง่ายๆ ของการใช้ ASP+AJAX (Jquery) ซึ่งเหมาะอย่างยิ่งสำหรับผู้เริ่มต้นในการเรียนรู้และใช้งาน

รหัสตัวอย่าง

ตัวอย่างต่อไปนี้แสดงวิธีการร้องขอ AJAX ที่ใช้กันทั่วไปสี่วิธี ได้แก่:

1. $.อาแจ็กซ์()

2. $.โพสต์()

3. $.get()

4. $.getJSON()

1. $.อาแจ็กซ์()

`html

ส่งคำขอ AJAX

-

2. $.โพสต์()

`html

ส่งคำขอ POST

-

3. $.get()

`html

ส่งคำขอ GET

-

4. $.getJSON()

`html

ส่งคำขอ JSON

-

ตัวอย่างโค้ด ASP (ajax.asp)

`asp

-

Response.ContentType = "text/html; charset=utf-8"

ชื่อติ่มซำเมือง

name = Request.Form("ชื่อ")

เมือง = Request.Form("เมือง")

' ส่งออกข้อมูลรูปแบบ JSON

Response.Write("{""name"": """ & name & """, ""city"": """ & city & """}")

-

-

แสดงให้เห็น

ไฟล์ ajax.asp ในโค้ดด้านบนจะต้องอยู่ในไดเร็กทอรีเดียวกันกับไฟล์ HTML

ฟังก์ชัน $.ajax() เป็นแกนหลักของคำขอ AJAX และสามารถปรับแต่งพารามิเตอร์คำขอต่างๆ ได้

ฟังก์ชัน $.post() และ $.get() เป็นวิธีการที่เรียบง่ายของคำขอ AJAX ซึ่งสอดคล้องกับคำขอ POST และ GET ตามลำดับ

ฟังก์ชัน $.getJSON() ใช้เพื่อรับข้อมูลในรูปแบบ JSON

ในตัวอย่างโค้ด ASP นั้น Request.Form ถูกใช้เพื่อรับพารามิเตอร์ที่ส่งผ่านโดยคำขอ AJAX

จากตัวอย่างนี้ คุณควรจะสามารถเข้าใจวิธีใช้ ASP กับ AJAX (Jquery) และใช้วิธีการร้องขอ AJAX ที่แตกต่างกันเพื่อให้เกิดการโต้ตอบกับข้อมูล

สรุป

การใช้ ASP+AJAX (Jquery) ร่วมกันจะทำให้เว็บไซต์มีความไดนามิกมากขึ้น และช่วยให้ผู้ใช้ได้รับประสบการณ์โต้ตอบที่ดีขึ้น ฉันหวังว่าตัวอย่างนี้จะช่วยให้คุณเข้าใจและใช้ ASP+AJAX (Jquery) ได้ดีขึ้น