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


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

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

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

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




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 เป็นกำลังใจ ให้มีบทความใหม่ๆ เรื่อยๆ น่ะครับ





Tags:: ajax jquery







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










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