After my previous article about creating PHP Progress Bar using flush() function and Javascript, I try to create another PHP progress bar using different approach. This time, I will not use flush() function. Instead, I will use Ajax method and jQuery to accomplish the task. Basically, in this new progress bar we will use jQuery Ajax library to trigger the long running process in the web server and then use jQuery Ajax library again to read the progress status and display it in the browser.

The jQuery form plugin by malsup is an excellent plugin when we want to use Ajax feature when submitting the web form. It will be more cool if we can add validation feature to mark the fields which contain error. For security reason, the validation itself will be done in server side not in client side. This plugin is intended to achive that.

Based my previous post about jQuery FetchRow plugin. We are going to fetch one record from database based on the ID we entered and display the result in the other input element but this time I try to achieve it using Angular.

Let's see the following complete client side code. For the server side script we are still using the same code in jQuery FetchRow.

Do you need to fetch one row from your table and display its fields to any input elements in your page? You can do it easily using this simple jQuery plugin. I name it jQuery FetchRow. Let's see how does it work in the live example there. The full source code is available at GitHub, https://github.com/w3shaman/jquery-fetchrow.

Lookup Box is name for this jQuery plugin. This plugin can help you to create an Ajax popup window to search the data from database then put it into your texfield after you click it. For the example, you might want to enter User Id in a textbox but you only know the User Name. With this plugin, you can search the user by the name in a popup window. When you click the User Name, the text field will be filled with User Id automatically.