การใช้งาน ajax ใน jQuery อย่างง่าย
เขียนเมื่อ 15 ปีก่อน โดย Ninenik Narkdeejquery ajax
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery ajax
ดูแล้ว 14,986 ครั้ง
คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน
หรือไม่สามารถใช้งานได้แล้ว
ลองดูที่ใหม่กว่า http://niik.in/771 เป็นแนวทางแทน
ลองดูที่ใหม่กว่า http://niik.in/771 เป็นแนวทางแทน
ไปที่ Copy
HTML Code
<script language="javascript" src="js/jquery-1.2.6.min.js"></script> <script type="text/javascript"> $(function(){ $("#btShowtime").click(function(){ // event เมื่อปุ่มถูกคลิก var html = $.ajax({ // สร้างตัวแปร html เพื่อเก็บค่า html ที่ได้จากการเรียกใช้ ajax url: "jquery_ajax_test.php" }).responseText; $("#showtime").html(html); // นำค่าในตัวแปร html ไปแสดงใน div ที่มี id เท่ากับ showtime }); }); </script> <div id="showtime"></div> <input name="btShowtime" type="button" id="btShowtime" value="Button" />
jquery_ajax_text.php
<?php header("Content-Type: text/html; charset=TIS-620"); echo date("d-m-Y H:i:s"); ?>
กด Like หรือ Share เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ
URL สำหรับอ้างอิง
Top
Copy
คำแนะนำ และการใช้งาน
สมาชิก กรุณา ล็อกอินเข้าระบบ เพื่อตั้งคำถามใหม่ หรือ ตอบคำถาม สมาชิกใหม่ สมัครสมาชิกได้ที่ สมัครสมาชิก
- ถาม-ตอบ กรุณา ล็อกอินเข้าระบบ
เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา
โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ