สร้าง Ajax ด้วย Jquery Example

ก่อนอื่นต้องโหลด Jquery จาก http://jquery.com/ มาไว้ใช้่งานก่อน ตัวอย่างอย่างง่ายสำหรับ แสดงผลวันเดือนปี ปัจจุบัน โดยอ่านค่าจาก Server เมื่อเรากด ปุ่ม Generate โดยเมือเรากดปุ่ม Generate Jquery ก็จะทำหน้าที่เรีัยกให้ ไฟล์ time.php ทำงานส่งผลออกมาให้ แล้ว jquery ของเราก็จะเอาผลที่ php (ทำงานทางฝั่ง server) ส่งกลับมาให้แสดงผลบนหน้า html (ทำงานทางฝั่ง client) โดยจะแสดงผลในตำแหน่งของ tag div quote p name.html

 
<html>
<head>
 <title>Ajax with jQuery Example</title>
 <script type="text/JavaScript" src="jquery.js"></script>
 <script type="text/JavaScript">
 $(document).ready(function(){
   $("#generate").click(function(){
     $("#quote p").load("time.php");
   });
 });
 </script>
<style type="text/css">
   #wrapper {
     width: 240px;
     height: 80px;
     margin: auto;
     padding: 10px;
     margin-top: 10px;
     border: 1px solid black;
     text-align: center;
   }
 </style>
</head>
<body>
 <div id="wrapper">
   <div id="quote"><p> </p></div>
   <input type="submit" id="generate" value="Generate!">
 </div>
</body>
</html>

time.php

 
<?php
   echo date('Y-m-d H:i:s');
?>

ถัดไป >

เขียนโดย Ajax Jquery วันอาทิตย์ที่ 31 ตุลาคม 2010 เวลา 22:50 น.

บทความใกล้เคียง

หน้าเว็บบอร์ด Programming - PHP

, phpBB3, SMF, Joomla, Wordpress, CMS CRM

, JavaScript & Jquery Ajax

, SQL - Database

, ถาม - ตอบ คอมพิวเตอร์

, PHP Knowledge

, PHP News

, HTML CSS

, Free PHP Code Download script

, Web Hosting Review - Free Host Share Host VPS

หัวข้อกระทู้	ตอบ	เปิดดู	โดย
จะดึงค่าตัวแปลออกมาใช้ยังไงครับ โดย fa12mkungz 2012/05/17 18:48 บอร์ด JavaScript & Jquery Ajax	0	3	วันนี้ 11:48 โดย fa12mkungz
รบกวนสอบถามการรับค่าจาก textfile โดย butterney 2012/05/15 19:16 บอร์ด Programming - PHP	6	121	2012/05/16 20:41 โดย butterney
มีปัญหาอ้ะครับ มาช่วยหน่อยนะครับ โดย namkabz 2012/05/17 01:19 บอร์ด Programming - PHP	0	34	2012/05/16 18:19 โดย namkabz
สอบถาม เรื่อง "การสร้างดาต้าเบสสำหรับ Backup ครับ" โดย Chayyim 2012/05/16 23:05 บอร์ด SQL - Database	0	41	2012/05/16 16:05 โดย Chayyim
ช่วยหน่อยคัฟ ไม่เก่ง PHP แต่พึ่งเริ่มทำงาน ติดปัญหาซะแร้ววว โดย M&N 2012/05/04 16:03 บอร์ด Programming - PHP	3	431	2012/05/16 15:54 โดย tohkai_php
HTML5 สำหรับ Yii Framework โดย mindphp 2012/04/17 09:32 บอร์ด PHP Knowledge	1	297	2012/05/16 15:50 โดย tohkai_php
รับสมัครพนังงานต่ำแหน่ง it support ครับ โดย tohkai_php 2012/05/16 22:44 บอร์ด PHP News	0	46	2012/05/16 15:44 โดย tohkai_php
html5 + javascript เสมือน apps mobile เนียนมากๆครับ โดย tohkai_php 2012/05/16 22:43 บอร์ด Free PHP Code Download script	0	45	2012/05/16 15:43 โดย tohkai_php
รบกวนขอความรู้ครับ โดย Sum76 2009/02/06 20:13 บอร์ด Programming - PHP	3	398	2012/05/16 10:50 โดย malangtub
ขั้นตอนการทำงาน ระหว่าง Client - เว็บไซต์เรา และ facebook โดย mindphp 2011/12/13 08:08 บอร์ด Programming - PHP	1	582	2012/05/16 10:45 โดย malangtub
ใช้ php สร้าง WebServices ด้วย PHPSoap โดย batman1292 2012/05/08 03:02 บอร์ด PHP Knowledge	5	666	2012/05/16 10:35 โดย malangtub
ถามเกี่ยวกับสคริป php หน่อยคับ โทษทีถ้าถามผิดห้อง โดย youscoms 2012/04/24 01:49 บอร์ด Programming - PHP	4	623	2012/05/16 10:24 โดย บุคคลทั่วไป
ปัญหาการติดตั้ง magento Database connection error. โดย docman 2012/04/24 21:13 บอร์ด Programming - PHP	2	336	2012/05/16 10:22 โดย malangtub
php มีคำสั่ง block แถบเมนูไหมค่ะ โดย NatoOne 2012/04/21 23:01 บอร์ด Programming - PHP	6	594	2012/05/16 10:21 โดย malangtub
Count down Javascript โปรเจ็คเกี่ยวกับการทำข้อสอบ โดย ultraman_neww 2012/05/06 02:50 บอร์ด Programming - PHP	4	453	2012/05/16 10:16 โดย malangtub
ถามเกี่ยวกับหน้า login และ timestamp หน่อยครับ โดย OneLifeBegin 2012/04/24 18:25 บอร์ด Programming - PHP	13	1612	2012/05/16 08:41 โดย ekaja
ที่ตั้งการ upload โดย Pleumiie 2012/04/24 23:08 บอร์ด Programming - PHP	6	394	2012/05/16 08:30 โดย ekaja
เพิ่มพลังในการทำงานด้วยสิ่งนี้ดีกว่า อิอิ โดย oliveen 2012/05/15 23:24 บอร์ด โหลดโปรแกรม พูดคุยเรื่องทั่วไป จับฉ่าย	1	242	2012/05/15 16:24 โดย starseed