<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Untitled Document</title> <script src="http://code.jquery.com/jquery-1.9.1.js"></script> <script> $(document).ready(function(){ $('#button').click(send); //เมื่อกดปุ่มจะทำงานฟังก์ชันก์ send }); function send(){ var url = "ajaxTest.php"; // ส่งไปอีกหน้าหนึ่ง var params = "name="+$('#name').val(); //รับค่าจาก input มาเก็บไว้ใน params $.post(url,params,function(data){ //ส่ง ajax $('p').html(data); // ให้ <p> แสดงค่าที่กรอกใน input ที่กลับมาจาก call back อีกหน้า }); } </script> </head> <body> <form id="form1"> text : <input type="text" name="name" id="name"/> <input type="button" name="button" id="button" value="sendAjax" /> </form> <p></p> </body> </html>
<?php $name = $_POST['name']; echo $name; ?>
เพื่อความปลอดภัยของเว็บบอร์ด ไม่อนุญาติให้แทรก แท็ก [img]....[/img] โดยการอัพโหลดไฟล์รูปจากที่อื่น เช่นเว็บไซต์ ฟรีอัพโหลดต่าง ๆ อัพโหลดแทรกรูปภาพ ให้ใช้บริการอัพโหลดไฟล์ของไทยครีเอท และตัดรูปภาพให้พอดีกับสกรีน เพื่อความโหลดเร็วและไฟล์ไม่ถูกลบทิ้ง