1 / 16

Mastering AJAX: JavaScript Library Essentials

Dive deep into Ajax fundamentals, form handling, and UI enhancements with comprehensive instructions and practical examples.

matts
Download Presentation

Mastering AJAX: JavaScript Library Essentials

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. The Write Less, Do More, JavaScript Library Nuno Simões Project Manager Galileo Team Coimbra, April 27th, 2009

  2. Agenda • What’s Ajax anyway • Understanding HTML Forms • JavaScript my Page • Collecting Form values from JavaScript • POSTing Values with magic • The Code Behind and return content • Joining Pieces • Some UI Tweeks

  3. PART IWhat’s Ajax Anyway?

  4. What’s Ajax Anyway?

  5. What’s Ajax Anyway?

  6. Understanding HTML Forms FormOpening

  7. Understanding HTML Forms A text input A submitbutton

  8. Understanding HTML Forms Twoselect elements. The Secondone populatedwith theAjaxcall ofthefirstone

  9. JavaScript My Page Inline javascript opening method Valueextracting Ajaxcall

  10. Collecting Form Values From JavaScript [0] [1]

  11. POSTing Values With Magic

  12. POSTing Values With Magic variable “a” withthe URL ofvariables Typeofformsend Thevariable to besent The url oftheajaxmethod

  13. The Code Behind and return content • On code behind should be all the code necessary to perform the necessary actions; • The content returned will be the HTML code to be placed inside the element indicated on the JavaScript method, and should be returned with an output action (like System.out.print();)

  14. Joining Pieces

  15. Some UI Tweeks • Ingrid (http://www.reconstrukt.com/ingrid/) • jQueryGridPlugin (http://www.trirand.com/blog/?page_id=5) • AutoCompleter (http://nodstrum.com/2007/09/19/autocompleter/) • SimpleTree (http://news.kg/wp-content/uploads/tree/d&d/) • Draganddrop (http://interface.eyecon.ro/demos/drag.html) • More demos (http://interface.eyecon.ro/demos/?page=demos)

  16. Nuno SimõesProject Managernsimoes@gmail.com

More Related