Thêm sửa xóa với bảng dữ liệu sử dụng PHP MySQL

Lưu ý mệnh đề WHERE trong cú pháp UPDATE. Mệnh đề WHERE chỉ định bản ghi hoặc bản ghi nào sẽ được cập nhật. Nếu bạn bỏ qua mệnh đề WHERE, tất cả các bản ghi sẽ được cập nhật

Để tìm hiểu thêm về SQL, vui lòng truy cập hướng dẫn SQL của chúng tôi

Hãy nhìn vào bảng "MyGuests"

idfirstnamelastnameemailreg_date1JohnDoejohn@example. com2014-10-22 14. 26. 152MaryDoemary@ví dụ. com2014-10-23 10. 22. 30

Hôm nay, chúng tôi muốn chia sẻ với các bạn ajax thêm sửa xóa bản ghi trong cơ sở dữ liệu bằng cách sử dụng php. Trong bài đăng này, chúng tôi sẽ chỉ cho bạn chỉnh sửa bảng nội tuyến bằng cách sử dụng jquery ajax php và mysql, nghe để xem/chỉnh sửa và xóa bằng cách sử dụng phương thức trong php & mysql, chúng tôi sẽ cung cấp cho bạn bản demo và ví dụ để thực hiện. Trong bài đăng này, chúng ta sẽ tìm hiểu về Simple PHP JQuery Ajax Chèn Cập nhật Xóa bằng MySQLi với một ví dụ

JQuery AJAX Thêm Sửa Xóa Bản ghi Trong Cơ sở dữ liệu Sử dụng PHP

nội dung

  • JQuery AJAX Thêm Sửa Xóa Bản ghi Trong Cơ sở dữ liệu Sử dụng PHP
    • Mã CSS
    • Mã jQuery và JavaScript
    • mã PHP
    • Bài viết liên quan

tại đây bạn có thể tìm hiểu về Ajax CRUD [Tạo xóa bản cập nhật] với ví dụ về cơ sở dữ liệu PHP và MySQL

mục lục. php




  
  Insert and Retrieve data from MySQL database with ajax - www.pakainfo.com
  


  

Mã CSS

phong cách. css

.wrapper {
  width: 45%;
  height: auto;
  margin: 10px auto;
  border: 1px solid #cbcbcb;
  background: white;
}
/*
* opinion FORM
**/
.opinion_form {
  width: 80%;
  margin: 100px auto;
  border: 1px solid green;
  background: #fafcfc;
  padding: 20px;
}
.opinion_form label {
  display: block;
  margin: 5px 0px 5px 0px;
}
.opinion_form input, textarea {
  padding: 5px;
  width: 95%;
}
#submit_btn, #update_btn {
  padding: 8px 15px;
  color: white;
  background: #339;
  border: none;
  border-radius: 4px;
  margin-top: 10px;
}
#update_btn {
  background: #1c7600;
}
/*
* opinion DISPLAY AREA
**/
#display_area {
  width: 90%;
  padding-top: 15px;
  margin: 10px auto;
}
.opinion_box {
  cursor: default;
  margin: 5px;
  border: 1px solid #cbcbcb;
  padding: 5px 10px;
  position: relative;
}
.delete {
  position: absolute;
  top: 0px;
  right: 3px;
  color: red;
  display: none;
  cursor: pointer;
}
.edit {
  position: absolute;
  top: 0px;
  right: 45px;
  color: green;
  display: none;
  cursor: pointer;
}
.opinion_box:hover .edit, .opinion_box:hover .delete {
  display: block;
}
.opinion_text {
  text-align: justify;
}
.display_name {
  color: blue;
  padding: 0px;
  margin: 0px 0px 5px 0px;
}

Mã jQuery và JavaScript

tập lệnh. js.
lưu ý kiến ​​vào cơ sở dữ liệu

$(document).ready(function(){
  // save opinion to database
  $(document).on('click', '#submit_btn', function(){
    var name = $('#name').val();
    var opinion = $('#opinion').val();
    $.ajax({
      url: 'do_backend_api.php',
      type: 'POST',
      data: {
        'save': 1,
        'name': name,
        'opinion': opinion,
      },
      success: function(response){
        $('#name').val('');
        $('#opinion').val('');
        $('#display_area').append(response);
      }
    });
  });
  // delete from database
  $(document).on('click', '.delete', function(){
  	var id = $(this).data('id');
  	$clicked_btn = $(this);
  	$.ajax({
  	  url: 'do_backend_api.php',
  	  type: 'GET',
  	  data: {
    	'delete': 1,
    	'id': id,
      },
      success: function(response){
        // remove the deleted opinion
        $clicked_btn.parent().remove();
        $('#name').val('');
        $('#opinion').val('');
      }
  	});
  });
  var edit_id;
  var $edit_opinion;
  $(document).on('click', '.edit', function(){
  	edit_id = $(this).data('id');
  	$edit_opinion = $(this).parent();
  	// grab the opinion to be editted
  	var name = $(this).siblings('.display_name').text();
  	var opinion = $(this).siblings('.opinion_text').text();
  	// place opinion in form
  	$('#name').val(name);
  	$('#opinion').val(opinion);
  	$('#submit_btn').hide();
  	$('#update_btn').show();
  });
  $(document).on('click', '#update_btn', function(){
  	var id = edit_id;
  	var name = $('#name').val();
  	var opinion = $('#opinion').val();
  	$.ajax({
      url: 'do_backend_api.php',
      type: 'POST',
      data: {
      	'update': 1,
      	'id': id,
      	'name': name,
      	'opinion': opinion,
      },
      success: function(response){
      	$('#name').val('');
      	$('#opinion').val('');
      	$('#submit_btn').show();
      	$('#update_btn').hide();
      	$edit_opinion.replaceWith(response);
      }
  	});		
  });
});

mã PHP

do_backend_api. php

      		delete
      		edit
      		
'. $name .'
'. $opinion .'
'; echo $saved_opinion; }else { echo "Error: ". mysqli_error($link); } exit(); } // delete opinion fromd database if (isset($_GET['delete'])) { $id = $_GET['id']; $sql = "DELETE FROM opinions WHERE id=" . $id; mysqli_query($link, $sql); exit(); } if (isset($_POST['update'])) { $id = $_POST['id']; $name = $_POST['name']; $opinion = $_POST['opinion']; $sql = "UPDATE opinions SET name='{$name}', opinion='{$opinion}' WHERE id=".$id; if (mysqli_query($link, $sql)) { $id = mysqli_insert_id($link); $saved_opinion = '
delete edit
'. $name .'
'. $opinion .'
'; echo $saved_opinion; }else { echo "Error: ". mysqli_error($link); } exit(); } // Retrieve opinions from database $sql = "SELECT * FROM opinions"; $result = mysqli_query($link, $sql); $opinions = '
'; while ($row = mysqli_fetch_array($result)) { $opinions .= '
delete edit
'. $row['name'] .'
'. $row['opinion'] .'
'; } $opinions .= '
'; ?>

Tôi hy vọng bạn có ý tưởng về jquery datatable thêm chỉnh sửa xóa.
Tôi muốn có phản hồi về infinityknow của mình. blog com.
Thông tin phản hồi, câu hỏi hoặc ý kiến ​​có giá trị của bạn về bài viết này luôn được hoan nghênh.
Nếu bạn thích và thích bài đăng này, đừng quên chia sẻ.

Bài viết liên quan

  1. cách xóa dữ liệu khỏi cơ sở dữ liệu trong php bằng nút?
  2. Jquery Bảng dữ liệu tùy chỉnh Lưới nội tuyến thêm chỉnh sửa xóa
  3. Thêm Chỉnh sửa Xóa Ví dụ về Hàng của Bảng bằng JQuery
  4. làm cách nào để thêm chỉnh sửa và xóa các hàng của bảng html bằng javascript?
  5. Thêm Chỉnh sửa Xóa Ví dụ về Hàng của Bảng bằng JQuery
  6. ví dụ chỉnh sửa nội tuyến dữ liệu jquery
  7. PHP CRUD Tạo, chỉnh sửa, cập nhật và xóa Bản ghi với cơ sở dữ liệu MySQL
  8. CRUD Chèn Chỉnh sửa Cập nhật Xóa Node js bằng MYSQL