Javascript 使用ajax jquery进行内联/就地编辑
我正在尝试使用ajax jquery对表列进行就地编辑。我使用ajax jquery返回表,如下所示: 表格以查找表格:Javascript 使用ajax jquery进行内联/就地编辑,javascript,php,jquery,mysql,ajax,Javascript,Php,Jquery,Mysql,Ajax,我正在尝试使用ajax jquery对表列进行就地编辑。我使用ajax jquery返回表,如下所示: 表格以查找表格: <div class="input-group"> <span class="input-group-addon">Term</span> <!-- I passed the tables name as values for a specific period --> <select n
<div class="input-group">
<span class="input-group-addon">Term</span>
<!-- I passed the tables name as values for a specific period -->
<select name="term" class="form-control" id="term">
<option value="">Select Period</option>
<option value="period_one">1st Period</option>
<option value="period_two">2nd Period</option>
<option value="period_three">3rd Period</option>
<option value="period_four">4th Period</option>
<option value="period_five">5th Period</option>
<option value="period_six">6th Period</option>
<option value="first_exam">First Semester Exam</option>
<option value="second_exam">Second Semester Exam</option>
</select>
</div>
我很确定我做事情的方式不对。如果你能为我指出正确的方向,我将不胜感激。谢谢。当您使用ajax时。如果您带来一些html代码,它将不会应用jquery。所以你还需要带上jqueryI明天早上会给ans一个dom对象?在jquery中,您可以执行类似的操作来检索文本$(editableObj).text();我看到您正在onblur事件中传递“this”,因此获取要编辑的文本的正确方法是使用jQuery选择器$(editableObj.html()@Cr1xus我该怎么做?
<script>
$(document).ready(function() {
$('#term').on('change', function() {
var term = $('#term').val();
if (term != '') {
$.ajax({
url:"findGrades.php",
method:"post",
data:{"term":term},
dataType:"text",
success:function(data){
$("#result").html(data);
//after the result have been displayed the datatable function is called
$('#dataTable').DataTable();
}
});
} else {
$("#result").html('');
}
});
});
$term = mysqli_escape_string($connection, $_POST['term']);
$output .= '<td contenteditable="true" onBlur="saveToDatabase(this,'.$term.','.$row["score"].','.$row['id'].')">'.$row["score"].'</td>';
<script>
function saveToDatabase(editableObj,term,column,id) {
$.ajax({
url: "saveedit.php",
method: "POST",
data:'&editval='+editableObj.innerHTML+'&term='+term+'&column='+column+'&id='+id,
dataType:"text",
success: function(data){
$('#result').html(data);
}
});
}
$(document).ready(function() {
$('#term').on('change', function() {
var term = $('#term').val();
if (term != '') {
$.ajax({
url:"findGrades.php",
method:"post",
data:{"term":term},
dataType:"text",
success:function(data){
$("#result").html(data);
//after the result have been displayed the datatable function is called
$('#dataTable').DataTable();
}
});
} else {
$("#result").html('');
}
});
});
</script>
$column = $_POST["column"];
$value = $_POST['editval'];
$id = $_POST['id'];
$term = $_POST['term'];
$query = "UPDATE $term SET $column = '{$value}' WHERE id = $id";
$result = mysqli_query($connection, $query);
if ($result && mysqli_affected_rows($connection) >= 0){
echo "updated successfully";
} else {
die("Database query failed. ". mysqli_error($connection));
}