PHP Code to Fetch All Data from MySQL Database and Display in html Table

How to Fetch Data From Database in PHP using jquery Ajax

To fetch data from the database in PHP using jQuery ajax. In this tutorial, you will learn how to fetch and show data from a database in PHP using ajax jQuery.

In this post, we will create a customer list and add view button in this customer list. After that, will fetch data from the database on view button click in PHP. And display data in the web page without reloading the whole web page using jQuery ajax.

How to Retrieve and Display Data From Database using jQuery Ajax without Page Refresh

• Create Database And Table
• mydbCon.php – Connecting to MySQL database
• customers.php – Fetch All Customers from the database
• ajax-fetch-record.php – Fetch/Retrieve and Display Using jQuery Ajax Without Reload Page

1 – Create Database And Table

First of all, navigate to your phpmyadmin panel and create database and table using the following sql queries:

CREATE DATABASE my_db; CREATE TABLE `customers` ( `id` int(10) UNSIGNED NOT NULL, `fname` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `lname` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `created_date` date DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

2 – Connecting to MySQL database

In this step, you will create a file name mydbCon.php and update the below code into your file.

The following code is used to create a MySQL database connection in PHP. And also, you can use connecting database PHP code while fetch, insert, update or delete records from MySQL database with and without ajax:

3 – Fetch List data from the database

In this step, display data in an HTML table.

So, create customers.php file and add the following code into customers.php file:

        
 
 
# First Last Email Action    num_rows > 0): ?>       ">View    No Data Found  
     

4 – Fetch/Retrieve and Display Using jQuery Ajax Without Reload Page

In this step, fetch data from the database using ajax request. So create ajax-fetch-record.php file and fetch and display data from the database using ajax without refresh or reload the whole web page.

So, update the following code into ajax-fetch-record.php file:

The how to fetch data from database in php using ajax and jquery will be look like in following image:

Conclusion

To fetch the data from the MySQL database in PHP using jQuery ajax. Here you have learned how to fetch data from MySQL table in PHP using jQuery ajax without reload or refresh the whole web page.

If you have any questions or thoughts to share, use the comment form below to reach us.

Author Admin

My name is Devendra Dode. I am a full-stack developer, entrepreneur, and owner of Tutsmake.com. I like writing tutorials and tips that can help other developers. I share tutorials of PHP, Python, Javascript, JQuery, Laravel, Livewire, Codeigniter, Node JS, Express JS, Vue JS, Angular JS, React Js, MySQL, MongoDB, REST APIs, Windows, Xampp, Linux, Ubuntu, Amazon AWS, Composer, SEO, WordPress, SSL and Bootstrap from a starting stage. As well as demo example.

One reply to How to Fetch Data From Database in PHP using jquery Ajax

I am thank you for having visit to this site for many useful tutorial I ,have been reading and get some scripts for using in my web sites.No limit to comment right now because of plenty of tutorial useful still be reading.thanks

Источник

PHP: Как получить и отобразить данные из базы данных в PHP с помощью Ajax

В этом руководстве вы узнаете, как получать и отображать данные из базы данных в PHP с помощью jQuery ajax.

В этом посте мы создадим список клиентов и добавим кнопку просмотра в этот список клиентов. После этого у нас будут извлекаться данные из базы данных при нажатии кнопки просмотра в PHP и отображать данные на веб-странице без перезагрузки всей веб-страницы с помощью jQuery ajax.

Как получить и отобразить данные из базы данных с помощью Ajax без обновления страницы

Выполните следующие шаги для того, чтоб научиться получать и отображать данные из базы данных MySQL в PHP с помощью ajax без перезагрузки веб-страницы:

Шаг 1 — Создать базу данных и таблицу

Прежде всего, перейдите на панель phpmyadmin и создайте базу данных и таблицу, используя следующий запрос sql:

CREATE DATABASE my_db; CREATE TABLE `customers` ( `id` int(10) UNSIGNED NOT NULL, `fname` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `lname` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `email` varchar(255) COLLATE utf8mb4_unicode_ci NOT NULL, `created_date` date DEFAULT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4 COLLATE=utf8mb4_unicode_ci;

Шаг 2 — Подключение к базе данных MySQL

На этом этапе вы создадите файл с именем mydbCon.php и обновите приведенный ниже код в свой файл.

Следующий код используется для создания подключения к базе данных MySQL в PHP. Кроме того, вы можете использовать PHP-код для подключения к базе данных при извлечении, вставке, обновлении или удалении записей из базы данных MySQL с использованием и без использования ajax:

Шаг 3 — Получить данные списка из базы данных

Отображение данных в таблице HTML.

Итак, создайте файл customers.php и добавьте в него следующий код:

        
 
Customers List
 
 
 
   # First Last Email Action    num_rows > 0) : ?>       ">View    No Data Found  
 
   

Шаг 4 — Получение и отображение с использованием Ajax без перезагрузки страницы

На этом этапе извлеките данные из базы данных с помощью запроса ajax. Поэтому создайте файл ajax-fetch-record.php и отобразите данные из базы данных с помощью ajax без обновления или перезагрузки всей веб-страницы.

Итак, обновите следующий код в файле ajax-fetch-record.php:

Как получить данные из базы данных на php с помощью ajax и jquery, будет выглядеть как на следующем изображении:

Здесь вы узнали, как получать данные из таблицы MySQL в PHP с помощью jQuery ajax без перезагрузки или обновления всей веб-страницы.

Источник

Laravel Livewire Crud with Bootstrap Modal Example

Hello Friends, In this blog, I would like to share with you how perform crud opeartion with bootstrap modal livewire in laravel application.I will.

How to Fetch Data From Database in PHP using Ajax

I am going to explain you how to How to Fetch Data From Database in PHP using Ajax. You will learn how to How to Fetch Data From Database Using Ajax. In side this article we will see how to Fetch data from database in php through AJAX.

This article will give you simple example of How to View Data using PHP Ajax. We will use get simple example How to retrieve data from database in PHP using AJAX?.

I will give you simple Example how to Get data from database using AJAX, Javascript, PHP, MySQL.

So, let’s see bellow solution:

connection.php

connect_error)< die ('connection faild:'.$conn->connect_error); > ?>

          
 
 
How to Fetch Data From Database in PHP using Ajax - Mywebtuts.com
 
 
   # First Last Email Action    num_rows > 0): ?>       View    No Data Found  
 
 
 
 
Students List
 
 
 
 
First Name : 
 
 
 
Last Name : 
 
 
 
Email : 
 
 
 
Close 
 
 
 
 
 
    

Output:

✌️ Like this article? Follow me on Twitter and Facebook. You can also subscribe to RSS Feed.

You might also like.

Источник

How to Fetch Data From Database Using Ajax

This tutorial is helpful to fetch data from the database using ajax in PHP. Here you will learn it with a basic example. If you create ajax based project and you also want to developed everything without reloading the page then this example is best for you. Once you read this complete tutorial, you will be able to quickly display other different & complex data.

Fetch Data From Database using ajax in PHP

I have shared this tutorial with a basic example. This example will display some data like full name, email address, city & country on clicking a button. After learning this example, you can easily implement it in your project.

Before Getting Started with this Script, You must configure the following basic requirement.

Create your own project folder. Otherwise, you can use the following folder structure for testing purposes.

codingstatus.com/ |__data-list.php |__database.php |__ajax-script.js |__backend-script.php

Create a table usertable in codingstatus database and Insert Data. if you don’t know how to insert data using ajax. you can get it on this blog site.

1. Connect PHP to MySQL Database

First of all, you need to connect PHP to the MYSQL database.

2. Create HTML Button to display data on click

Configure the following steps –

• Include jquery CDN to execute jquery ajax code.
• Include external ajax script file ajax-script.js . This file contains a custom ajax code to display data without reloading the page. Don’t worry, you will get a complete guide about this file in the next step
• Create an HTML button with id=»showData» . Ajax script will execute on click this button.
• Create a div with id=»table-container» . This div will use to show data while you click the button.

3. Display data without reloading the page using ajax

You have to configure the following steps to display data without reloading the page –

• First of all, apply click event on the HTML button with id #showData .
• Send GET request to get data from PHP code.
• Declare URL backend-script.php . This URL contains PHP code to fetch data from the database. Don’t worry, It will explain in the next step.
• Display data in div with id #table-container .

$(document).on('click','#showData',function(e) < $.ajax(< type: "GET", url: "backend-script.php", dataType: "html", success: function(data)< $("#table-container").html(data); >>); >);

4. Fetch Data From MySQL table using PHP

To fetch data from the MySQL database, configure the following steps –

• First, Include database connection file database.php
• Assign connection variable $conn to a new variable $db
• Create a custom function fetch_data() . This function will return data to fetch from the database.
• Then call fetch_data() and assign it to a new variable $fetchData .
• Also, Create another custom function show_data($fetchData) . This function returns data with an HTML table.
• Call show_data($fetchData) . This function accepts a parameter to get fetched data.

File Name – backend-script.php

0)< $row= mysqli_fetch_all($exec, MYSQLI_ASSOC); return $row; >else < return $row=[]; >> $fetchData= fetch_data(); show_data($fetchData); function show_data($fetchData) < echo ''; if(count($fetchData)>0) < $sn=1; foreach($fetchData as $data)< echo ""; $sn++; > >else < echo ""; > echo "
 
S.N
 
Full Name
 
Email Address
 
City
 
Country
 
Edit
 
Delete
 
".$sn."
 
".$data['fullName']."
 
".$data['emailAddress']."
 
".$data['city']."
 
".$data['country']."
 
Edit
 
Delete
 
No Data Found
 
"; > ?>

Tutorial Summary

Dear Developers, I hope that you have got the above Ajax Script. Now, you are able to Fetch Data From Database Using Ajax in PHP.

If you have any queries related to web technology programming, Ask me through the below comment box. Even you can suggest the coding topics for sharing tutorials.

I regularly share my coding knowledge with you. So, you should continue to visit my blog and share this tutorial with your friends.

Thanks for giving the time to this tutorial.

Related posts:

Источник