使用jquery数据表添加，更新和删除数据库记录
我喜欢以下代码使用jquery数据表显示数据库中的数据
$(document).ready(function() { var oTable = $('#example').dataTable( { "bProcessing": true, "bServerSide": true, "sAjaxSource": "server.php" } ); } ); 上面的代码显示表中的数据
first name last name email first name last name email
现在我想添加/更新和删除数据。我该怎么办？
我试过了
$(document).ready(function() { var oTable = $('#example').dataTable.makeEditable( { "bProcessing": true, "bServerSide": true, "sAjaxSource": "server.php" } ); } );
但数据没有显示出来。 我该怎么办？
编辑：
这是我使用的文件server.php。 server.php只是我给文件server.php的一个名字
<?php error_reporting(E_ALL ^ E_NOTICE); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * Easy set variables */ /* Array of database columns which should be read and sent back to DataTables. Use a space where * you want to insert a non-database field (for example a counter or static image) */ $aColumns = array( 'first_name', 'last_name', 'email' ); /* Indexed column (used for fast and accurate table cardinality) */ $sIndexColumn = "customer_id"; /* DB table to use */ $sTable = "customer"; /* Database connection information */ $gaSql['user'] = "root"; $gaSql['password'] = ""; $gaSql['db'] = "test"; $gaSql['server'] = "localhost"; /* REMOVE THIS LINE (it just includes my SQL connection user/pass) */ //include( $_SERVER['DOCUMENT_ROOT']."/datatables/mysql.php" ); /* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * If you just want to use the basic configuration for DataTables with PHP server-side, there is * no need to edit below this line */ /* * Local functions */ function fatal_error ( $sErrorMessage = '' ) { header( $_SERVER['SERVER_PROTOCOL'] .' 500 Internal Server Error' ); die( $sErrorMessage ); } /* * MySQL connection */ if ( ! $gaSql['link'] = mysql_connect( $gaSql['server'], $gaSql['user'], $gaSql['password'] ) ) { fatal_error( 'Could not open connection to server' ); } if ( ! mysql_select_db( $gaSql['db'], $gaSql['link'] ) ) { fatal_error( 'Could not select database ' ); } $query = "select * from customer"; $rResult = mysql_query($query,$gaSql['link']); /* * Paging */ $sLimit = ""; if ( isset( $_GET['iDisplayStart'] ) && $_GET['iDisplayLength'] != '-1' ) { $sLimit = "LIMIT ".intval( $_GET['iDisplayStart'] ).", ". intval( $_GET['iDisplayLength'] ); } /* * Ordering */ $sOrder = ""; if ( isset( $_GET['iSortCol_0'] ) ) { $sOrder = "ORDER BY "; for ( $i=0 ; $i<intval( $_GET['iSortingCols'] ) ; $i++ ) { if ( $_GET[ 'bSortable_'.intval($_GET['iSortCol_'.$i]) ] == "true" ) { $sOrder .= "`".$aColumns[ intval( $_GET['iSortCol_'.$i] ) ]."` ". ($_GET['sSortDir_'.$i]==='asc' ? 'asc' : 'desc') .", "; } } $sOrder = substr_replace( $sOrder, "", -2 ); if ( $sOrder == "ORDER BY" ) { $sOrder = ""; } } /* * Filtering * NOTE this does not match the built-in DataTables filtering which does it * word by word on any field. It's possible to do here, but concerned about efficiency * on very large tables, and MySQL's regex functionality is very limited */ $sWhere = ""; if ( isset($_GET['sSearch']) && $_GET['sSearch'] != "" ) { $sWhere = "WHERE ("; for ( $i=0 ; $i<count($aColumns) ; $i++ ) { if ( isset($_GET['bSearchable_'.$i]) && $_GET['bSearchable_'.$i] == "true" ) { $sWhere .= "`".$aColumns[$i]."` LIKE '%".mysql_real_escape_string( $_GET['sSearch'] )."%' OR "; } } $sWhere = substr_replace( $sWhere, "", -3 ); $sWhere .= ')'; } /* Individual column filtering */ for ( $i=0 ; $i intval($_GET['sEcho']), "iTotalRecords" => $iTotal, "iTotalDisplayRecords" => $iFilteredTotal, "aaData" => array() ); while ( $aRow = mysql_fetch_array( $rResult ) ) { $row = array(); for ( $i=0 ; $i
添加 http://datatables.net/examples/api/add_row.html
内联编辑示例 http://datatables.net/blog/Inline_editing
删除 http://datatables.net/examples/api/select_single_row.html
我建议谷歌搜索您的确切问题，并在搜索结束时添加“jQuery Datatable”。 我已经使用过这个插件了很多，看来这个插件的社区非常好。
DataTable没有内置的编辑选项，但您可以通过将其与jEditable jQuery插件连接来实现，如下所述： http ：//datatables.net/examples/api/editable.html
此外，还有一个现成的解决方案： http ： //code.google.com/p/jquery-datatables-editable/