ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้
ด้วยสํานึกในพระมหากรุณาธิคุณสมเด็จพระนางเจ้าสิริกิติ์เป็นล้นพ้นอันหาที่สุดมิได้


การใช้งาน ajax ใน jQuery อย่างง่าย

เขียนเมื่อ 17 ปีก่อน โดย Ninenik Narkdee
jquery ajax

คำสั่ง การ กำหนด รูปแบบ ตัวอย่าง เทคนิค ลูกเล่น การประยุกต์ การใช้งาน เกี่ยวกับ jquery ajax

ปัจจุบัน นักพัฒนาสามารถ ใช้ ChatGPT | Gemini | Claude | Perplexity | Deepseek ช่วยในการแก้ไขปัญหาต่างๆ ในการเขียนโปรแกรม หรือหาข้อมูลเพิ่มเติมได้ง่ายและสะดวก แนะนำให้ทุกคนใช้งานเพื่อพัฒนาศักยภาพของตัวเอง

ดูแล้ว 15,924 ครั้ง




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");
?>







Tags:: ajax jquery







URL สำหรับอ้างอิง








เว็บไซต์ของเราให้บริการเนื้อหาบทความสำหรับนักพัฒนา โดยพึ่งพารายได้เล็กน้อยจากการแสดงโฆษณา โปรดสนับสนุนเว็บไซต์ของเราด้วยการปิดการใช้งานตัวปิดกั้นโฆษณา (Disable Ads Blocker) ขอบคุณครับ