การใช้งาน Ajax.

Slides:



Advertisements
งานนำเสนอที่คล้ายกัน
Chapter 11 Ajax.
Advertisements

วิทยาลัยเทคโนโลยีการจัดการเพชรเกษม 3/22 หมู่ 4 เพชรเกษม 81 หนองแขม หนองแขม กรุงเทพฯ โทรศัพท์ โทรสาร คู่มือการใช้งาน ระบบลงทะเบียนขอจบการศึกษา.
ของสถาบันวิจัยและพัฒนา นำเสนอโดย นางดารณี คำสวัสดิ์
การอบรมการใช้ศูนย์กำลังคนอาชีวศึกษา
การเข้าใช้งาน PDX เปิดโปรแกรม Internet Browsers Internet Explorer
ส่วนประกอบของโปรแกรม Macromedia Dreamweaver 8
Ajax อ.วชิระ หล่อประดิษฐ์ ระบบสารสนเทศทางคอมพิวเตอร์
การใช้เครื่องพิมพ์และเครื่อง ถ่ายเอกสาร ระบบออนไลน์
บนเว็บไซต์ของ TIAC หน้าจอการสืบค้น ลงทะเบียนเพื่อรับบทคัดย่อ ฟรี
COE โปรแกรมบริหารจัดการอู่ซ่อมรถยนต์
HTML Language ภาษา HTML คืออะไร ? HTML (Hyper Text Markup Language) เป็นภาษาที่ใช้ในการพัฒนา web page เพื่อให้โปรแกรม web brower ต่างๆ (Internet Explorer,
โครงการจัดทำฐานข้อมูลผ่านเว็บไซต์
การจัดการเว็บไซค์คลังความรู้ ด้วยระบบฐานข้อมูล MySql
ระบบการออกเลขมาตรฐานสากลประจำหนังสือ (ISBN)
Chapter IV : สร้างการติดต่อ
Script Programming& Internet Programming
Java Script 2 Structure Flow Control Function and Method Event Handler
CE 112 บทที่ 5 การทำซ้ำในภาษา C
รับและแสดงผลข้อมูล.
PHP LANGUAGE.
Microsoft Word Part I Government Savings Bank Computer Trainging Í
Project Management.
HTTP Client-Server.
จดหมายเวียน (Mail Merge)
การพิมพ์เอกสารออกทาง เครื่องพิมพ์. การตรวจเอกสารก่อนพิมพ์ด้วย Print Preview เราสามารถตรวจสอบความถูกต้องของ เอกสารก่อนสั่งพิมพ์โดยใช้คำสั่ง Print Preview.
เอกสารประกอบการบรรยาย เรื่อง ASP and Database
– Web Programming and Web Database
จากไฟล์ save_db.php.
โปรแกรม Microsoft Access
โปรแกรมกราฟิก illustrator cs3
สร้างตารางเพิ่มเติม สร้างตารางโดยไปที่ Database explorer > table > add new table กำหนดให้สร้างตาราง UserPic เก็บข้อมูลรูปภาพของผู้ใช้งาน.
การใช้งาน GridView FormView การแสดงรูปภาพ
ASP.NET Server Control.
การเข้าถึงฐานข้อมูล ด้วยกลุ่ม object ADO.NET
เริ่มต้นเขียนโปรแกรม Java
ระบบจัดการห้องประชุมและสมาชิก
การรับและแสดง ข้อมูล ง การเขียนไดนามิกเว็บ เพจ ศูนย์คอมพิวเตอร์โรงเรียนปลวกแดงพิทยาคม.
ความรู้เบื้องต้น เกี่ยวกับภาษา PHP ศูนย์คอมพิวเตอร์ โรงเรียนปลวกแดง พิทยาคม.
ขั้นตอนที่ 1 กดปุ่ม สำหรับข้าราชการ สป.วท.
วิทยาลัยเทคโนโลยีการจัดการเพชรเกษม 3/22 หมู่ 4 เพชรเกษม 81 หนองแขม หนองแขม กรุงเทพฯ โทรศัพท์ โทรสาร คู่มือการใช้งาน ระบบลงทะเบียนฝึกประสบการณ์
HTML, PHP.
การใช้งาน ASP.NET 3.5 ด้านฐานข้อมูล
การนำเสนองานบนอินเตอร์เน็ต
ความรู้เบื้องต้นเกี่ยวกับการสร้าง WebPage
PHP & MySQL ระบบจัดการสินค้า
Ditsayakul Saeung.ITOFebruary 15, 2008 How to write a blog post การเขียน blog 1. เขียนผ่านหน้า website ของ blog 2. เขียนจากโปรแกรทมี่ติดตั้งบนเครื่องคือ.
คู่มือการตอบคำถามสุขภาพผ่านเว็บไซต์
ProQuest Dissertations & Theses – A&I
การตรวจสอบและแก้ไขข้อความในเอกสาร
Web Technology & Basic Web Development
ศูนย์กำลังคนอาชีวศึกษา
คู่มือการใช้งานโปรแกรมระบบนัดพบตลาดงานเชิงคุณภาพ ประจำปีงบประมาณ 2557
Chapter 10 Session & Cookie.
การลงทะเบียนเพื่อตรวจสอบ ข้อมูล เริ่มเข้าสู่หน้าหลักของเว็บเพจรายวิชา.
ผังงาน (FLOW CHART) ตัวอย่างผังงาน
Introduction to PHP, MySQL – Special Problem (Database)
สำหนักคอมพิวเตอร์ มหาวิทยาลัยศรีนครินทรวิโรฒ.
cdsavd เข้าสู่เวบไซต์ของบริษัท นิวตรอนการประมูล
1 ซอฟท์แวร์ที่ น่าสนใจ จัดทำโดย นางสาวรัชดา ณรงค์ ns B06.
บทที่ 5 เทคนิคการสร้างแอพพลิเคชัน
การสร้างพจนานุกรม.
เริ่มต้น Photoshop CS5.
LOGO สื่อการเรียนการสอน เรื่อง Learning C Programming โดย อาจารย์สุพัตรา ชุมประเสริฐ วิทยาลัยเทคโนโลยีสยามบริหารธุรกิจ.
การพิมพ์ตารางออกทางเครื่องพิมพ์
ขั้นตอนการ สมัครเมลล์ * สิ่งที่ต้องจำ ห้าม ลืม 1.ID หรือชื่อผู้ใช้ 2. รหัสผ่าน 3. คำตอบที่ท่านตอบ คำถามที่เลือก.
สื่อการสอนการเขียนเว็บเพจ ด้วยภาษา HTML
โครงการจัดทำข้อมูลผ่านเว็บไซต์
โครงสร้างพื้นฐานของ JavaScript
Nested loop.
การเข้าทำงานของ สมาชิก ในการเพิ่มและแก้ไข ข้อมูลข่าวสาร.
ใบสำเนางานนำเสนอ:

การใช้งาน Ajax

การใช้งาน Ajax กับ ASP.NET AJAX = Asynchronous JavaScript and XML. AJAX is the art of exchanging data with a server, and updating parts of a web page - without reloading the whole page.

การใช้งาน UpdatePanel : หน้า Register.aspx เช่น หากเราต้องการให้เมื่อผู้ใช้พิมพ์ username ที่ต้องการสมัครสมาชิก มีการตรวจสอบ ทันทีว่า username นั้นซ้ำหรือไม่ซ้ำทันที โดยที่เราไม่ต้องกดปุ่มทำ และเพจเกิดการอัพเดท เฉพาะในบริเวณ UpdatePanel เท่านั้น วาง ScriptManager ลงในหน้านี้เพื่อเริ่มต้นใช้งาน UpdatePanel วาง UpdatePanel เพื่อกำหนดว่าพื้นที่ส่วนใดที่เราต้องการ update ในหน้าเว็บนี้ โดยภายในประกอบด้วย tbUsername และ lbCheck กำหนด property UpdateMode เป็น Conditional คือจะเกิดการอัพเดทภายในพาเนลนี้ ก็ต่อเมื่อเกิดการ trigger ภายในพาเนลนี้เท่านั้น สั่งให้ tbUsername AutoPostBack เป็น true ***

การใช้งาน UpdatePanel : หน้า Register.aspx.cs เขียนโค้ดภายใน event TextChanged โดยภายในเรียกใช้เมธอด valid_username() และสั่งให้ UpdatePanel1 อัพเดท

การใช้งาน UpdatePanel : หน้า Register.aspx

การใช้งาน UpdateProgress : หน้า login.aspx UpdateProgress คือ ขณะที่กำลังทำการ update อยู่ใน UpdatePanel จะสามารถแสดง progress ได้ วาง ScriptManager เพื่อเริ่มต้นใช้งาน Update Panel วาง UpdatePanel โดยภายในประกอบด้วย ปุ่ม login และ register วาง UpdateProgress โดยภายในประกอบด้วย รูปภาพที่ต้องการแสดงผลขณะอัพเดท

การใช้งาน UpdateProgress : หน้า login.aspx.cs เมื่อรันแล้วหากพบว่าการลิ้งค์หน้า login แสดงผลไวไป มองไม่เห็น progress ลองเพิ่มคำสั่งด้านล่างเพื่อหน่วงเวลา 3 วินาที โดยอาจจะเพิ่มไปที่โค้ดของปุ่ม login System.Threading.Thread.Sleep(3000);

แบบฝึกหัด : สร้างตารางเพิ่มเติม สร้างตารางเพิ่มเติม และใส่ข้อมูลลงตารางดังนี้ ตาราง Brand ตาราง Model

แบบฝึกหัด : สร้างหน้า search.aspx วาง ScriptManager, UpdatePanel, UpdateProgress ดังรูป การทำงาน เมื่อผู้ใช้กรอกยี่ห้อรถยนต์ที่ต้องการค้นหา สร้าง event TextChanged ขึ้นมาเพื่อ query ยี่ห้อรถยนต์ และรุ่นรถยนต์ทั้งหมดในยี่ห้อนั้นแสดงออกมาผ่าน GridView นักศึกษาจะใช้ SqlDataSource หรือ ใช้การเขียนโค้ดเพื่อ query ข้อมูลจากเบส ก็ได้

รูปแบบคำสั่ง sql Inner join like