Forum PHP.pl > [PHP][AJAX][MySQL] DataTables jQuery - edycja wiersza z zapisem w MySQL

Pomoc - Szukaj - Użytkownicy - Kalendarz

Pełna wersja: [PHP][AJAX][MySQL] DataTables jQuery - edycja wiersza z zapisem w MySQL

lsrtb

25.10.2016, 21:43:56

Mam tabelę zrobioną w Bootstrapie przy pomocy wtyczki DataTables jQuery:

Jak zrobić, że po kliknięciu w zapis edytowany rekord zapisze się w MySQL?

Próbowałem szukać gotowców, nie znam tego plugina, jego budowy, może ktoś w skrócie powie jak się za to zabrać?

olszam

26.10.2016, 00:35:56

Zrób po prostu pobieranie wartości na podstawie id w polu tekstowym np textbox_numerid i buttona podobnie nazwij, reszta to juz tylko wykrywanie ze na podstawie tego id ma wyciągnąć dane z textboxa o podanym id i na końcu użyj ajaxa.

Tak bez przykładowego skryptu bo z telefonu pisze.

EDIT:

masz przykładowy kod

[HTML] pobierz, plaintext 
<html>
    <head>
        <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous">
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
        <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"></script>
    </head>
    <body>
        <table id="tabela" class="table table-bordered">
          <thead>
            <tr><th>imię</th><th>nazwisko</th><th>save</th></tr>
          </thead>
            <tr>
                <td><input type="text" id="imie_123"/></td>
                <td><input type="text" id="nazwisko_123"/></td>
                <td><button id="save_123">save</button> </td>
            </tr>
            <tr>
                <td><input type="text" id="imie_12"/></td>
                <td><input type="text" id="nazwisko_12"/></td>
                <td><button id="save_12">save</button> </td>
            </tr>
        </table>
		<div id="wynik"></div>
    </body>
    <script src="https://cdn.datatables.net/1.10.10/js/jquery.dataTables.min.js"></script>
    <script src="https://cdn.datatables.net/1.10.10/js/dataTables.bootstrap.min.js"></script>
    <script>
        $(document).ready( function () {
          $('button').click(function(){
            var id = $(this).attr('id').split('_');
			var i = $('#imie_'+id[1]).val();
			var n = $('#nazwisko_'+id[1]).val()
			var dane = {imie: i, nazwisko: n}
			console.log(dane);
			$.ajax({
                  url : "plik.php",
                  type: 'POST',
                  data: dane,
                  success: function(response){
                      $('#wynik').html(response);
                  }
              });
          });
        });
    </script>
</html>
[HTML] pobierz, plaintext

[PHP] pobierz, plaintext 
<?php
echo $_POST['imie'].'  '. $_POST['nazwisko'];
?>
[PHP] pobierz, plaintext

To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.