Following on from our introduction to AJAX, here’s an example which uses the XMLHttpRequest API to initialize an AJAX request. AJAX Example Have a look at the following basic structure: <div> <img src=”http://webdesign.tutsplus.com/Einstein.jpg” alt=”Einstein”> <button id=”request”>Learn more about Einstein</button> <div id=”bio”></div> </div> Also, consider the related visualization: Here’s what we want to happen: when we… Continue reading An Example of AJAX with Vanilla Javascript
Tag: AJAX
ReqRes – A Hosted REST-API for Your AJAX requests.
ReqRes is a bare-bones ExpressJS application that is a hosted REST-API ready to respond to your AJAX requests. You can develop with real response codes. GET, POST, PUT & DELETE supported. No more tedious sample data creation, they’ve got it covered. Reqres simulates real application scenarios. If you want to test a user authentication system,… Continue reading ReqRes – A Hosted REST-API for Your AJAX requests.
Using AJAX In WordPress
In the following tutorial we are going to learn how you can use AJAX in WordPress to run your own functions. The way this works in WordPress is by allowing you to attach your own actions that you can access from an AJAX request to change the content on the page. What Is AJAX? Normally… Continue reading Using AJAX In WordPress
10 Fresh JavaScript Libraries for Web Developers
JavaScript library is pre-written JavaScript code snippets for specific functionality to ease web developer work. These JavaScript libraries are the best resource for the web developers. JavaScript libraries are developed by professional developers to help out novice web developers. You will get benefited with these JavaScript libraries for AJAX development and JavaScript Application development. There… Continue reading 10 Fresh JavaScript Libraries for Web Developers
Quick Tip: Add a Progress Bar to Your Site
Since the advent of mobile, web sites are turning more and more into “apps”. Concepts that make sense for a locally running application are transferred to the web. One of these is the recent addition of “progress bars” to some of Google’s websites that show the loading state of the page. In this quick tip,… Continue reading Quick Tip: Add a Progress Bar to Your Site
50 Must-have plugins for extending Twitter Bootstrap
You most certainly know about Twitter Bootstrap – the popular front end framework for building websites and apps. It favors simple, responsive design, and comes bundled with a sensible default stylesheet, a number of useful jQuery plugins and an icon set. Although it doesn’t come with much else, Bootstrap is very extensible. In this article, you will… Continue reading 50 Must-have plugins for extending Twitter Bootstrap
How to Make a Tumblr-powered News Ticker
Tumblr is a blogging service with an elegant interface for creating and publishing content. In this tutorial, we are going to use it as the foundation of a news publishing system. We are going to develop a simple widget which cycles through the most recent posts on a Tumblr blog, and presents them as news items… Continue reading How to Make a Tumblr-powered News Ticker
Make Pretty Charts For Your App with jQuery and xCharts
Charts are a great visual aid when presenting data. You can’t build a professional admin panel without them. They are also tricky to set up. However, there is a new library that makes things easier – xCharts. Today, we are going to use it along with the daterange picker for Twitter Bootstrap, to build a… Continue reading Make Pretty Charts For Your App with jQuery and xCharts