Rumah  >  Artikel  >  hujung hadapan web  >  Bolehkah jquery menulis ke pangkalan data?

Bolehkah jquery menulis ke pangkalan data?

WBOY
WBOYasal
2023-05-12 10:22:36419semak imbas

jQuery ialah perpustakaan yang pantas dan diperkemas untuk menulis JavaScript. Ia menjadikan JavaScript cara yang lebih mudah dan lebih mudah untuk menulis. jQuery boleh beroperasi pada dokumen HTML, tetapi ia tidak boleh menulis terus ke pangkalan data.

Untuk menulis data ke pangkalan data, anda biasanya perlu menggunakan bahasa pengaturcaraan sebelah pelayan, seperti PHP, Python atau Ruby. Terdapat perpustakaan atau rangka kerja khas dalam bahasa ini yang boleh digunakan untuk menyambung ke pangkalan data dan menulis data ke pangkalan data.

Apabila menulis halaman web menggunakan jQuery, anda boleh menggunakan teknologi Ajax untuk menghantar data dari hujung hadapan ke hujung belakang. Melalui Ajax, anda boleh menghantar permintaan HTTP ke pelayan melalui JavaScript, mendapatkan data daripada pelayan, dan menulis data ke pangkalan data.

Berikut ialah contoh menulis data ke pangkalan data yang ditulis menggunakan jQuery dan PHP:

Kod HTML:

<form>
  <input type="text" id="name" placeholder="Name">
  <input type="text" id="email" placeholder="Email">
  <button id="submit">Submit</button>
</form>

kod jQuery:

$('#submit').click(function() {
  var name = $('#name').val();
  var email = $('#email').val();

  $.ajax({
    url: 'write_to_database.php',
    type: 'POST',
    data: {
      name: name,
      email: email
    },
    success: function(response) {
      console.log(response);
      alert('Data saved to database.');
    },
    error: function(xhr, status, error) {
      console.log(xhr.responseText);
      alert('An error occurred while saving data to database.');
    }
  });
});

write_to_database. kod php:

<?php
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "myDB";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
  die("Connection failed: " . $conn->connect_error);
}

// Get data from Ajax request
$name = $_POST['name'];
$email = $_POST['email'];

// Write data to database
$sql = "INSERT INTO customers (name, email) VALUES ('$name', '$email')";

if ($conn->query($sql) === TRUE) {
  echo "Data saved to database.";
} else {
  echo "Error: " . $sql . "<br>" . $conn->error;
}

$conn->close();
?>

Dalam contoh ini, apabila pengguna mengisi borang dan mengklik butang hantar, jQuery akan menggunakan Ajax untuk menghantar data ke fail write_to_database.php, yang menulis data ke pangkalan data MySQL dipanggil "myDB" jadual "pelanggan". Jika data berjaya ditulis, mesej kejayaan akan dipaparkan.

Jadi, walaupun jQuery tidak boleh menulis terus ke pangkalan data, ia boleh digunakan dalam kombinasi dengan bahasa pengaturcaraan sebelah pelayan dan Ajax untuk menulis data ke pangkalan data.

Atas ialah kandungan terperinci Bolehkah jquery menulis ke pangkalan data?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn