book

Ajax Hacks

Name: Ajax Hacks
Author: Bruce W. Perry
ISBN: 9780596101695

by Bruce W. Perry

March 2006

Intermediate to advanced

440 pages

11h 21m

English

O'Reilly Media, Inc.

Read now

Unlock full access

A Note Regarding Supplemental Files
Foreword
Credits
About the AuthorContributorsAcknowledgments
Preface
Building Single-Page ApplicationsExplaining AjaxHow to Use This BookHow This Book Is OrganizedConventions Used in This BookUsing Code ExamplesO’Reilly SafariHow to Contact UsGot a Hack?
1. Ajax Basics
It’s Not a Floor WaxHandle with CareXMLHttpRequest1. Detect Browser Compatibility with the Request ObjectUsing a Function for Checking Compatibility2. Use the Request Object to POST Data to the ServerSetting HeadersOgling the Result3. Use Your Own Library for XMLHttpRequest4. Receive Data as XML5. Get Plain Old Strings6. Receive Data as a NumberNumber CrunchingDOM-inating7. Receive Data in JSON FormatMagic JSONOn the Server Side8. Handle Request Object ErrorsProblems, Problems...Floored ServerBackend Application Out to LunchWhoops, Wrong URL9. Dig into the HTTP Response10. Generate a Styled Message with a CSS FileEasy as Pie11. Generate a Styled User Message on the FlyNudging Aside the Stylesheet
2. Web Forms
12. Submit Text Field or textarea Values to the Server Without a Browser RefreshGet the First Serve InWhat’s Next?13. Display Text Field or textarea Values Using Server DataInstant Server Messaging14. Submit Selection-List Values to the Server Without a Round TripNow What Happens?Hello Again, JSONA Dabble of Server-SideThe DOM API15. Dynamically Generate a New Selection List Using Server DataPresto, New ListsQuerying the ServerThe Final Step16. Extend an Existing Selection ListNew Select List or Mirage?Hacking the Hack17. Submit Checkbox Values to the Server Without a Round TripVote Early and OftenPoll Vault18. Dynamically Generate a New Checkbox Group with Server DataChoose Your ActivityOkay, Where’s the Code?Array Return ValueHacking the Hack19. Populate an Existing Checkbox Group from the ServerHow Does It Work?Ajax RequestsHere Comes an Array20. Change Unordered Lists Using an HTTP ResponseParting Shots21. Submit Hidden Tag Values to a Server ComponentDynamoNotifying HomeLogging
3. Validation
22. Validate a Text Field or textarea for Blank FieldsSeparating the Logic from the View23. Validate Email SyntaxThe Longest WaitChecking Out the Email SyntaxLooking at the CodeChecking Email at the DoorOn to ValidationThe User MessageOn Deck24. Validate Unique UsernamesHow It WorksThe Server HandshakeFor Those Server Hackers...25. Validate Credit Card NumbersVerifying the Card NumberShooting the Luhn26. Validate Credit Card Security Codes27. Validate a Postal CodeHacking the Hack
4. Power Hacks for Web Developers
28. Get Access to the Google Maps APIGoogle Objects29. Use the Google Maps API Request ObjectPersonal GooglingMap ObjectsCreating Your Own Map30. Use Ajax with a Google Maps and Yahoo! Maps Mash-upHow It WorksFall HarvestHTMLGoogle and Yahoo!, Toe to ToeDriving DirectionsHow Do I Get to Latitude...?What’s Next?31. Display a Weather.com XML Data FeedPrepping32. Use Ajax with a Yahoo! Maps and GeoURL Mash-upHow It WorksMashed-up Requests33. Debug Ajax-Generated Tags in FirefoxInspecting Dynamic Creations34. Fetch a Postal CodeServer, Take OverThe Servlet35. Create Large, Maintainable BookmarkletsBookmarklet Code36. Use Permanent Client-Side Storage for Ajax ApplicationsUsing AMASSHow AMASS Works Internally37. Control Browser History with iframesBrowser LowdownBrowser Demos38. Send Cookie Values to a Server ProgramBake Your Own CookieJavaScriptThe Cookie Object39. Use XMLHttpRequest to Scrape an Energy Price from a Web PageGetting in a ScrapeFor Java Jocks40. Send an Email with XMLHttpRequestHow It WorksServer Snippet41. Find the Browser’s Locale InformationThe InterpreterHacking the Hack42. Create an RSS Feed ReaderA Simple RSS ReaderHow It WorksHacking the Hack
5. Direct Web Remoting (DWR)for Java Jocks
43. Integrate DWR into Your Java Web ApplicationConfiguring the Application44. Use DWR to Populate a Selection List from a Java ArrayGetting an Array from the ServerEccentric Utility45. Use DWR to Create a Selection List from a Java MapCode Ahead46. Display the Keys/Values from a Java HashMap on a Web Page47. Use DWR to Populate an Ordered List from a Java Array48. Access a Custom Java Object with JavaScriptThe Big Set-up49. Call a Built-in Java Object from JavaScript Using DWR
6. Hack Ajax with the Prototype and Rico Libraries
50. Use Prototype’s Ajax Tools with Your ApplicationRequest Object to Go51. Update an HTML Element’s Content from the ServerOn the Server SideChecking for Errors52. Create Observers for Web Page FieldsHow It WorksWhat’s a Prototype Object?Passive Observer53. Use Rico to Update Several Elements with One Ajax ResponseAjax ConventionOn the Server EndHacking the Hack54. Create a Drag-and-Drop BookstoreDraggables and Drop ZonesGrabbing the Book TitlesHacking Draggables

7. Work with Ajax and Ruby on Rails
Sensible MVC55. Install Ruby on RailsStep 1: Installing RubyStep 2: Installing RailsCreating an Empty Rails Web ApplicationTesting the Empty Web ApplicationA Rails Application Directory Structure56. Monitor Remote Calls with RailsIf All Else Fails57. Make Your JavaScript Available to Rails Applications58. Dynamically Generate a Selection List in a Rails TemplateA Little Partial PizzazzCleanup Code59. Find Out Whether Ajax Is Calling in the RequestAre You XMLHttpRequest?60. Dynamically Generate a Selection List Using Database DataTracking Energy UseGood Form61. Periodically Make a Remote CallNo Fooling AroundWhere’s All the Action?Shrink-Wrapped62. Dynamically View Request Information for XMLHttpRequestHow Does It Work?Hacking the Hack
8. Savor the script.aculo.us JavaScript Library
63. Integrate script.aculo.us Visual Effects with an Ajax ApplicationSetting UpToggling and SwitchingHacking the Hack64. Create a Login Box That Shrugs Off Invalid LoginsWhole Lotta Shakin’Serve It Up65. Create an Auto-Complete Field with script.aculo.usOn the Server Side66. Create an In-Place Editor Field67. Create a Web Form That Disappears When Submitted
9. Options and Efficiencies
68. Fix the Browser Back Button in Ajax ApplicationsA Very Simple Ajax ProgramInside the HackHacking the Hack69. Handle Bookmarks and Back Buttons with RSHThe ProblemThe SolutionHistory AbstractionExample 1: Basic HistoryExample 2: O’Reilly MailResources70. Set a Time Limit for the HTTP Request71. Improve Maintainability, Performance, and Reliability for Large JavaScript ApplicationsMerging All JavaScript Files into a Single FileRunning Your JavaScript Through a Compression ToolSolving JavaScript Caching IssuesAll Together72. Obfuscate JavaScript and Ajax Code73. Use a Dynamic script Tag to Make Web Services RequestsUsing the Geocoding Web ServicePros and ConsResources74. Configure Apache to Deal with Cross-Domain IssuesCross-Domain BlockadeCross-Domain XMLHttpRequest Works... KindaIs There a Solution?75. Run a Search Engine Inside Your BrowserIndexing 101Putting It TogetherHacking the HackResources76. Use Declarative Markup Instead of Script via XFormsConsuming and Producing XMLHacking the Hack77. Build a Client-Side CacheBuilding a Better CacheThe Cache in ActionHacking the Hack78. Create an Auto-Complete FieldHacking the Hack79. Dynamically Display More Information About a TopicHacking the Hack80. Use Strings and Arrays to Dynamically Generate HTMLWriting a TablePerformance Matters
Index
About the Author
Copyright

Overview

Ajax, the popular term for Asynchronous JavaScript and XML, isone of the most important combinations of technologies for webdevelopers to know these days. With its rich grouping oftechnologies, Ajax developers can create interactive webapplications with XML-based web services, using JavaScript in thebrowser to process the web server response.

Taking complete advantage of Ajax, however, requires somethingmore than your typical "how-to" book. What it calls for is AjaxHacks from O'Reilly. This valuable guide provides direct,hands-on solutions that take the mystery out of Ajax's manycapabilities. Each hack represents a clever way to accomplish aspecific task, saving you countless hours of searching for theright answer.

A smart collection of 80 insider tips and tricks, AjaxHacks covers all of the technology's finer points. Want tobuild next-generation web applications today? This book can showyou how. Among the multitude of topics addressed, it shows youtechniques for:

Using Ajax with Google Maps and Yahoo Maps

Displaying Weather.com data

Scraping stock quotes

Fetching postal codes

Building web forms with auto-complete functionality

Ajax Hacks also features a number of advanced hacks foraccelerated web developers. Discover how to create huge,maintainable bookmarklets, how to use client-side storage for Ajaxapplications, and how to call a built-in Java object fromJavaScript using Ajax. The book even addresses best practices fortesting Ajax applications and improving maintenance, performance,and reliability for JavaScript code.

The latest in O"Reilly's celebrated Hacks series, AjaxHacks smartly complements other O'Reilly titles such as HeadRush Ajax and JavaScript: The Definitive Guide.

Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.

Read now

Unlock full access

More than 5,000 organizations count on O’Reilly

O’Reilly covers everything we've got, with content to help us build a world-class technology community, upgrade the capabilities and competencies of our teams, and improve overall team performance as well as their engagement.

Julian F.

Head of Cybersecurity

I wanted to learn C and C++, but it didn't click for me until I picked up an O'Reilly book. When I went on the O’Reilly platform, I was astonished to find all the books there, plus live events and sandboxes so you could play around with the technology.

Addison B.

Field Engineer

I’ve been on the O’Reilly platform for more than eight years. I use a couple of learning platforms, but I'm on O'Reilly more than anybody else. When you're there, you start learning. I'm never disappointed.

Amir M.

Data Platform Tech Lead

I'm always learning. So when I got on to O'Reilly, I was like a kid in a candy store. There are playlists. There are answers. There's on-demand training. It's worth its weight in gold, in terms of what it allows me to do.

Mark W.

Embedded Software Engineer

Publisher Resources

ISBN: 0596101694Purchase book Errata Page

Cloud Computing

Data Engineering

Data Science

AI & ML

Programming Languages

Software Architecture

IT/Ops

Security

Design

Business

Soft Skills