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

Update mysql table with php using ajax

Here I create a table http://jsbin.com/OJAnaji/13/edit and DEMO: http://jsbin.com/OJAnaji/13 So when users click on some row on table automaticly populate input fields with values from table into modal window. Modal window user open when click on button «Edit row». Now I need to know how I can update mysql table with columns: Name,Gender,Age,Donuts eaten. I create js ajax:

$("#edit").click(function() < //in here we can do the ajax after validating the field isn't empty. if($("#name").val()!="") < $.ajax(< url: "update.php", type: "POST", async: true, data: < Name:$("#name").val(), Gender:$("#gender").val(), Age:$("#age").val(), Donuts_eaten:$("#donuts_eaten").val()>, //your form data to post goes here as a json object dataType: "html", success: function(data) < $('#output').html(data); drawVisualization(); >, >); > else < //notify the user they need to enter data >>); 

  Edit selected row  
 
 
 
× 
Add new row
 
 
 
Name 
 
Gender 
 
Age 
 
Donuts eaten 
 
 
Close Save changes 
 
 
 
 

What have you tried? What examples are you following but are still not working and what errors do you get?

//HOW I CAN UPDATE MYSQL DATABASE, WHAT I NEED TO ADD HERE? . How do we possibly know without seeing any of your table structures. You’ll have to do something using the $_POST[] arguments you gave it via the AJAX call (Name, Gender, Age, Donuts_eaten)

2 Answers 2

You should have a column in the table which is an auto-increment column, such as «id» or like the example below uses «index_id». This should be used when creating your form, and sent along with the $_POST array to reference the row you are updating. This is a simple example, which you can use to get you started.

 $_POST = stripslashes_deep($_POST); # you will want to better filtering for security. if(isset($_POST['Name']) && $_POST('Name') !='') < $query = "UPDATE stat SET Name ='". $_POST['Name'] . "', Gender ='". $_POST['Gender'] . "', Age ='". $_POST['Age'] . "', Donuts_eaten ='" .$_POST['Donuts_eaten'] . "' WHERE index_id = '". $_POST['index_id'] . "'"; $result = mysql_query($query) or die(mysql_error()); exit(json_encode($_POST)); >function stripslashes_deep($value)

For your MYSQL table you can run this in your MYSQL PhpMyAdmin:

ALTER TABLE `stats` ADD `index_id` INT( 3 ) NOT NULL AUTO_INCREMENT FIRST , ADD PRIMARY KEY ( `index_id` ) 

Источник

PHP — AJAX и MySQL

В этом уроке мы наглядно проиллюстрируем, насколько просто получить доступ к информации из базы данных с помощью AJAX, мы собираемся создавать запросы MySQL на лету и отображать результаты в виде таблицы HTML.

Пример работы с Ajax, PHP и MySQL

В следующем примере показано, как веб-страница может получать информацию из базы данных с помощью AJAX. Вы можете из выпадающего списка выбрать одного из клиентов и увидите, что, без перезагрузки страницы, необходимая информация будет отображаться ввиде таблицы HTML:

Example

Таблица примера работы с Ajax и MySQL

Пример

  // Попытка выполнить запрос на создание таблицы $sql = "CREATE TABLE ajax_demo ( id INT(6) UNSIGNED AUTO_INCREMENT PRIMARY KEY, firstname VARCHAR(30) NOT NULL, lastname VARCHAR(30) NOT NULL, age int(11) NOT NULL, hometown VARCHAR(30) NOT NULL, job VARCHAR(30) NOT NULL ) "; if(mysqli_query($link, $sql)) < echo "Таблица успешно создана."; >else < echo "ERROR: Не удалось выполнить $sql. " . mysqli_error($link); >// Закрыть соединение mysqli_close($link); ?>

Пример

 // Попытка выполнения запроса вставки $sql = "INSERT INTO ajax_demo (firstname, lastname, age, hometown, job) VALUES ('Ivan', 'Ivanov', 30, 'Moskow', 'designer'), ('Stepan', 'Stepanov', 32, 'Kiev', 'manager'), ('Maxim', 'Maxsimov', 33, 'London', 'boss'), ('Irina', 'Sidorova', 35, 'Varshava', 'programmer')"; if(mysqli_query($link, $sql)) < echo "Записи успешно вставлены."; >else < echo "ERROR: Не удалось выполнить $sql. " . mysqli_error($link); >// Закрыть соединение mysqli_close($link); ?>

В результате мы получим следующую таблицу, которую будем исползовать в этом уроке:

Объяснение примера работы с Ajax и MySQL

В приведенном в начале урока примере, когда пользователь выбирает человека в раскрывающемся списке, выполняется функция showUser() . Функция showUser() запускается событием onchange :

Пример

       
 Выберите человека: Ivan Ivanov Stepan Stepanov Maxsim Maxsimov Irina Sidorova  
 
   

• Создадим объект var xmlhttp = new XMLHttpRequest();
• Создадим функцию xmlhttp.onreadystatechange, которая будет выполняться, когда будет готов ответ сервера if (this.readyState == 4 && this.status == 200)
• Отправим запрос в php-файл getuser.php на сервере
• Обратите внимание, что к URL-адресу добавлен параметр (q) (с содержимым раскрывающегося списка)

Файл-обработчик для работы с Ajax и MySQL

Страница на сервере, вызываемая выше приведенным JavaScript, представляет собой PHP-файл «getuser.php».

Исходный код в файле «getuser.php» выполняет запрос к базе данных MySQL и возвращает результат в таблице HTML:

Пример

    table < width: 100%; border-collapse: collapse; >table, td, th < border: 1px solid black; padding: 5px; >th  mysqli_select_db($con,"demo"); $sql="SELECT * FROM ajax_demo WHERE = mysqli_query($con,$sql); echo " "; while($row = mysqli_fetch_array($result)) < echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; echo ""; > echo "
 
Firstname
 
Lastname
 
Age
 
Hometown
 
Job
 
" . $row['firstname'] . "
" . $row['lastname'] . "
" . $row['age'] . "
" . $row['hometown'] . "
" . $row['job'] . "
"; mysqli_close($con); ?> 

Объяснение кода: Когда запрос отправляется из JavaScript в файл PHP, происходит следующее:

1. PHP открывает соединение с сервером MySQL
2. Выполняется поиск выбранного человека из списка
3. Создается таблица HTML, заполняется данными и отправляется обратно в элемент-заполнитель «txtHint».

Источник

PHP — AJAX and MySQL

The following example will demonstrate how a web page can fetch information from a database with AJAX:

Example

Example Explained — The MySQL Database

The database table we use in the example above looks like this:

id	FirstName	LastName	Age	Hometown	Job
1	Peter	Griffin	41	Quahog	Brewery
2	Lois	Griffin	40	Newport	Piano Teacher
3	Joseph	Swanson	39	Quahog	Police Officer
4	Glenn	Quagmire	41	Quahog	Pilot

Example Explained

In the example above, when a user selects a person in the dropdown list above, a function called «showUser()» is executed. The function is triggered by the onchange event. Here is the HTML code:

Example

• Create an XMLHttpRequest object
• Create the function to be executed when the server response is ready
• Send the request off to a file on the server
• Notice that a parameter (q) is added to the URL (with the content of the dropdown list)

The PHP File

The page on the server called by the JavaScript above is a PHP file called «getuser.php».

The source code in «getuser.php» runs a query against a MySQL database, and returns the result in an HTML table:

table, td, th border: 1px solid black;
padding: 5px;
>

$con = mysqli_connect(‘localhost’,’peter’,’abc123′);
if (!$con) die(‘Could not connect: ‘ . mysqli_error($con));
>

mysqli_select_db($con,»ajax_demo»);
$sql=»SELECT * FROM user WHERE «;
$result = mysqli_query($con,$sql);

echo «

«;
while($row = mysqli_fetch_array($result)) echo «

«;
echo «

«;
echo «

«;
echo «

«;
echo «

«;
echo «

«;
echo «

«;
>
echo «

Firstname	Lastname	Age	Hometown	Job
» . $row[‘FirstName’] . «	» . $row[‘LastName’] . «	» . $row[‘Age’] . «	» . $row[‘Hometown’] . «	» . $row[‘Job’] . «

«;
mysqli_close($con);
?>

Explanation: When the query is sent from the JavaScript to the PHP file, the following happens:

1. PHP opens a connection to a MySQL server
2. The correct person is found
3. An HTML table is created, filled with data, and sent back to the «txtHint» placeholder

Источник

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 без перезагрузки или обновления всей веб-страницы.

Источник

jQuery Datatables Ajax PHP and MySQL using PDO Example

In this post, I will share an example of how to implement jquery Datatables ajax in PHP and MySQL using PDO. If you have hundreds of thousands of records or even millions of records you don’t want to load it at once to your HTML as we do in our previous example because it could slow your server performance. But using ajax you don’t need to load all the records to your Datatable because it is paginated and you only show what we need.

Step 1: Create Table with MySQL

We will use the employee’s table as an example with basic fields. See below table structure:

CREATE TABLE `employees` ( `id` int(10) NOT NULL, `email` varchar(100) NOT NULL, `first_name` varchar(100) NOT NULL, `last_name` varchar(100) NOT NULL, `address` varchar(250) NOT NULL ) ENGINE=InnoDB DEFAULT CHARSET=utf8mb4; ALTER TABLE `employees` ADD PRIMARY KEY (`id`); ALTER TABLE `employees` MODIFY `id` int(10) NOT NULL AUTO_INCREMENT, AUTO_INCREMENT=1; COMMIT;

Step 2: PHP & MySQL Database Connection

Once your database and table are configured let’s create a connection. See below:

 PDO::ERRMODE_EXCEPTION]); > catch (PDOException $e) < echo $e->getMessage(); > 

As you can see our connection is coded with PDO.

Step 3: Index with Datatables

Now let’s configure our HTML with Datatable and Ajax script. See below code:

          
jQuery Datatable Ajax PHP Example
 
 
 
Email
 
Firstname
 
Lastname
 
Address
 
 
 
 
  

Step 4: Our Datatables PHP & MySQL Code with PDO

Next, our code for our Datatables Ajax PHP and MySQL code using PDO.

"%$searchValue%", 'first_name'=>"%$searchValue%", 'last_name'=>"%$searchValue%", 'address'=>"%$searchValue%" ); > // Total number of records without filtering $stmt = $conn->prepare("SELECT COUNT(*) AS allcount FROM employees "); $stmt->execute(); $records = $stmt->fetch(); $totalRecords = $records['allcount']; // Total number of records with filtering $stmt = $conn->prepare("SELECT COUNT(*) AS allcount FROM employees WHERE 1 ".$searchQuery); $stmt->execute($searchArray); $records = $stmt->fetch(); $totalRecordwithFilter = $records['allcount']; // Fetch records $stmt = $conn->prepare("SELECT * FROM employees WHERE 1 ".$searchQuery." ORDER BY ".$columnName." ".$columnSortOrder." LIMIT :limit,:offset"); // Bind values foreach ($searchArray as $key=>$search) < $stmt->bindValue(':'.$key, $search,PDO::PARAM_STR); > $stmt->bindValue(':limit', (int)$row, PDO::PARAM_INT); $stmt->bindValue(':offset', (int)$rowperpage, PDO::PARAM_INT); $stmt->execute(); $empRecords = $stmt->fetchAll(); $data = array(); foreach ($empRecords as $row) < $data[] = array( "email"=>$row['email'], "first_name"=>$row['first_name'], "last_name"=>$row['last_name'], "address"=>$row['address'] ); > // Response $response = array( "draw" => intval($draw), "iTotalRecords" => $totalRecords, "iTotalDisplayRecords" => $totalRecordwithFilter, "aaData" => $data ); echo json_encode($response);

Result:

That’s it I hope it helps. Thank you for reading 🙂

Источник