使用php Ajax在數據庫中插入動態數據

Question

我試圖通過php Ajax在數據庫中插入動態數據。 我的代碼不能使用動態格式。 但是，我已經完成了靜態格式，它工作正常。 請指導我，如何通過php Ajax在數據庫中插入動態數據。

請參閱鏈接http://phppot.com/php/php-mysql-inline-editing-using-jquery-ajax/

請參考下面的代碼。

 //static Value Update using ajax function showEdit(editableObj) { $(editableObj).css("background", "#FFF"); } function saveToDatabase(editableObj, column, id) { $(editableObj).css("background", "#FFF url(loaderIcon.gif) no-repeat right"); $.ajax({ url: "saveedit.php", type: "POST", data: 'column=' + column + '&editval=' + editableObj.innerHTML + '&id=' + id, success: function (data) { $(editableObj).css("background", "#FDFDFD"); } }); } //Dynamic data store and update in db using ajax $(document).ready(function () { var i = 5; $('#add').click(function () { i++; $('#table').append('<tr class="table-row" id="row' + i + '"><td></td><td contenteditable="true" onBlur="saveToDatabase1(this)" onClick="showEdit(this);"><?php echo Name ?></td><td contenteditable="true" onBlur="saveToDatabase1(this)" onClick="showEdit(this);"><?php echo Designation ?></td></tr>'); }); function saveToDatabase1(editableObj1) { $(editableObj1).css("background", "#FFF url(loaderIcon.gif) no-repeat right"); $.ajax({ url: "saveedit.php", type: "POST", /*How to change below code to dynamic data insert in db*/ data: 'column1=' + column + '&editval1=' + editableObj1.innerHTML + '&id=' + id, success: function (data) { $(editableObj1).css("background", "#FDFDFD"); } }); } }); 

 .current-row { background-color: #B24926; color: #000; } .current-col { background-color: #1b1b1b; color: #000; } .tbl-qa { width: 100%; font-size: 0.9em; background-color: #f5f5f5; } .tbl-qa th.table-header { padding: 5px; text-align: left; padding: 10px; } .tbl-qa .table-row td { padding: 10px; background-color: #FDFDFD; } tr { cursor: pointer } .selected { background-color: red; color: #000; font-weight: bold } button { margin-top: 10px; background-color: #eee; border: 2px solid #00F; color: #17bb1c; font-weight: bold; font-size: 25px; cursor: pointer } .tbl-qa { counter-reset: serial-number; } .tbl-qa td:first-child:before { counter-increment: serial-number; content: counter(serial-number); } 

 <script src="http://code.jquery.com/jquery-1.10.2.js"></script> <table class="tbl-qa" id="table"> <thead> <tr> <th class="table-header" width="10%">Emp.No.</th> <th class="table-header">Name</th> <th class="table-header">Designation</th> </tr> </thead> <tbody> <?php foreach($faq as $k=>$v) { ?> <tr class="table-row"> <!-- <td><?php echo $k+1; ?></td> --> <td></td> <td contenteditable="true" onBlur="saveToDatabase(this,'question','<?php echo $faq[$k]["id"]; ?>')" onClick="showEdit(this);"><?php echo $faq[$k]["question"]; ? </td> <td contenteditable="true" onBlur="saveToDatabase(this,'answer','<?php echo $faq[$k]["id"]; ?>')" onClick="showEdit(this);"><?php echo $faq[$k]["answer"]; ?></td> </tr> <?php } ?> </tbody> </table> <button type="button" name="add" id="add" class="btn btn-success">Add More</button> /* Saveedit.php */ <?php require_once("dbcontroller.php"); $db_handle = new DBController(); $result = $db_handle->executeUpdate("UPDATE php_interview_questions set " . $_POST["column"] . " = '".$_POST["editval"]."' WHERE id=".$_POST["id"]);; ?> 

Answer 1

從您的所有html中刪除onclick，onblur屬性

$('#table').append('<tr class="table-row" id="row'+i+'"><td></td><td contenteditable="true"><?php echo Name ?></td><td contenteditable="true" ><?php echo Designation ?></td></tr>'); 

委派模糊和點擊事件：

$('#table').on('click','.table-row td',function(){
showEdit(this);
});

$('#table').on('blur','.table-row td',function(){
saveToDatabase1(this);
});