การใช้งาน ajax ใน jQuery อย่างง่าย
เขียนเมื่อ 12 ปีก่อน โดย Ninenik Narkdeeajax jquery
คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ ajax jquery
คำเตือน! เนื้อหาต่อไปนี้ เป็นเนื้อหาเก่า อาจจะไม่เหมาะสำหรับนำไปใช้งาน
หรือไม่สามารถใช้งานได้แล้ว
ลองดูที่ใหม่กว่า 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) ขอบคุณครับ