PHP Ionic Angular HTML5 AJAX Javascript CSS MySQL jQuery Forum


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

30 December 2008 By Ninenik Narkdee
ajax jquery

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





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 สำหรับอ้างอิง