Heim Backend-Entwicklung PHP-Tutorial Wie kann ich AJAX und PHP verwenden, um mehrere Formulareingaben in einer Datenbank zu speichern?

Wie kann ich AJAX und PHP verwenden, um mehrere Formulareingaben in einer Datenbank zu speichern?

Dec 01, 2024 pm 04:54 PM

How Can I Use AJAX and PHP to Save Multiple Form Inputs to a Database?

Verwendung von AJAX und PHP zum Speichern mehrerer Formulareingaben in einer Datenbank

AJAX (Asynchronous JavaScript and XML) ermöglicht den Echtzeit-Datenaustausch zwischen einem Webbrowser und einem Server, ohne die Seite zu aktualisieren. In diesem Zusammenhang kann es verwendet werden, um Formulareingaben mithilfe von PHP an eine Datenbank zu übertragen.

Implementierung

HTML-Formular

Generieren Sie ein Formular mit mehreren Eingabefeldern und stellen Sie sicher, dass deren Namen der PHP-Variable $_POST entsprechen, die Sie verwenden möchten Zugriff.

Ajax-Funktion

Erstellen Sie eine JavaScript-Funktion wie die folgende, um die Formularübermittlung zu verarbeiten:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

function saveData() {

  // Collect all input values

  var inputs = $("input[type=text]");

  var data = {};

  $.each(inputs, function() {

    data[$(this).attr("name")] = $(this).val();

  });

 

  // Convert data to JSON

  var jsonData = JSON.stringify(data);

 

  // Send data to PHP file via AJAX

  $.ajax({

    url: "save.php",

    type: "POST",

    data: { data: jsonData },

    dataType: "json",

    success: function(response) {

      if (response.success) {

        alert("Data saved successfully.");

      } else {

        alert("Error saving data.");

      }

    }

  });

}

Nach dem Login kopieren

PHP-Skript

Dekodieren Sie in save.php die JSON-Daten und führen Sie die Datenbank durch Operationen:

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

<?php

// Decode JSON data

$data = json_decode($_POST['data']);

 

// Connect to database and execute query

// ...

 

// Prepare response

$response = array();

if ($result) {

  $response['success'] = true;

} else {

  $response['success'] = false;

}

 

// Encode response as JSON and echo

echo json_encode($response);

Nach dem Login kopieren

Zusätzliche Hinweise

  • Formulardaten serialisieren: Anstatt Eingabewerte manuell zu erfassen, können Sie Formular verwenden. serialize(), um eine Zeichenfolgendarstellung der Formulardaten zu erstellen.
  • Benutzerdefinierte Eingabe Namen: Das bereitgestellte Beispiel geht von aufeinanderfolgenden numerischen Eingabenamen aus. Wenn Sie benutzerdefinierte Eingabenamen haben, ändern Sie den JavaScript-Code entsprechend.
  • JSON-Parsing: Wenn Sie neu bei JSON sind, finden Sie in Ressourcen wie MDN Anleitungen zum Parsen von JSON in JavaScript.

Das obige ist der detaillierte Inhalt vonWie kann ich AJAX und PHP verwenden, um mehrere Formulareingaben in einer Datenbank zu speichern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße Artikel -Tags

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) 11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium) Mar 03, 2025 am 10:49 AM

11 beste PHP -URL -Shortener -Skripte (kostenlos und Premium)

Arbeiten mit Flash -Sitzungsdaten in Laravel Arbeiten mit Flash -Sitzungsdaten in Laravel Mar 12, 2025 pm 05:08 PM

Arbeiten mit Flash -Sitzungsdaten in Laravel

6 zusätzliche Fähigkeiten, die jeder PHP -Entwickler haben sollte 6 zusätzliche Fähigkeiten, die jeder PHP -Entwickler haben sollte Feb 28, 2025 am 10:52 AM

6 zusätzliche Fähigkeiten, die jeder PHP -Entwickler haben sollte

Verstehe Arrays in PHP Verstehe Arrays in PHP Feb 28, 2025 am 10:53 AM

Verstehe Arrays in PHP

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests Mar 12, 2025 pm 05:09 PM

Vereinfachte HTTP -Reaktion verspottet in Laravel -Tests

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren Mar 04, 2025 am 09:33 AM

Erstellen Sie eine React -App mit einem Laravel -Back -Ende: Teil 2, reagieren

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs Mar 14, 2025 am 11:42 AM

Curl in PHP: So verwenden Sie die PHP -Curl -Erweiterung in REST -APIs

12 Beste PHP -Chat -Skripte auf Codecanyon 12 Beste PHP -Chat -Skripte auf Codecanyon Mar 13, 2025 pm 12:08 PM

12 Beste PHP -Chat -Skripte auf Codecanyon

See all articles