An open API service indexing awesome lists of open source software.

https://github.com/salithaucsc/fetchdata-with-jquery-ajax-php

This is a simple application developed to show how to fecth database records with a button click without refreshing the web page.
https://github.com/salithaucsc/fetchdata-with-jquery-ajax-php

ajax codeigniter jquery mysql php

Last synced: about 1 month ago
JSON representation

This is a simple application developed to show how to fecth database records with a button click without refreshing the web page.

Awesome Lists containing this project

README

        

# Fetch Data using jQuery, Ajax and PHP

## This is a simple application developed to show how to fetch database records with a button click without refreshing the web page.
### Used technologies : Codeigniter as the PHP framework, Ajax, jQuery, MYSQL and Bootstrap as CSS framework for styling the pages.

1. Download the zip file.
2. Extract it and rename as **FetchAjax**.
3. Run XAMPP or WAMP and go to "http://localhost/phpmyadmin".
4. Create a new database called cruddb and select it.
5. Then import the SQL file included in the project folder called **fetch_ajax.sql**.
6. Navigate to "C:\xampp\htdocs" folder (if you are using XAMPP) or "C:\wamp\www" folder (if you are using WAMP).
7. Now move the **FetchAjax** folder into it.
8. Type the URL for the project as - "http://localhost/FetchAjax".

![fetch1](https://user-images.githubusercontent.com/23145752/35205434-29128bae-ff5b-11e7-90c3-191c02ef2c21.png)

![fetch2](https://user-images.githubusercontent.com/23145752/35205481-716d5b9a-ff5b-11e7-9d90-9fb96dbc092a.png)

![fetch3](https://user-images.githubusercontent.com/23145752/35205431-286ea444-ff5b-11e7-8c76-961aaf8f3f93.png)