我已经创建了一个简单的表单,并使用Datatables jQuery插件在其中显示一些数据。数据由返回JSON格式的php脚本(process.php)填充。在表单中,有一个按钮将文本框的值发送到process.php。问题是当点击按钮时,我无法使用process.php脚本接收到的新数据更新/更改datatable。
表单代码:
为了创建datatable,我使用以下JQuery代码:
表单代码:
<form name="myform" id="myform" action="" method="POST">
<label for="id">Enter an id:</label>
<input type="text" name="txtId" id="txtId" value=""/>
<input type="button" id="btnSubmit" name="btnSubmit" value="Search">
</form>
<div id="results">
<table class="display" id="example">
<thead>
<tr>
<th>id</th>
<th>Surname</th>
<th>Name</th>
</tr>
</thead>
<tbody>
<!-- data goes here -->
</tbody>
</table>
</div>
为了创建datatable,我使用以下JQuery代码:
$(document).ready(function() {
var oTable = $('#example').dataTable( {
"sPaginationType": "full_numbers",
"iDisplayLength": 10,
//"bServerSide": true,
"sAjaxSource": "process.php"
} );
$("#btnSubmit").click(function(){
$.ajax({
type: "POST",
url: "process.php",
data: 'txtId=' + $("txtId").val(),
success: function(result) {
oTable.fnReloadAjax();
oTable.fnDraw();
}
});
});
} );
process.php脚本(工作正常)如下:
<?php
$result="";
if (empty($_REQUEST["txtId"])) {
$result = '{"aaData":[["1","Surname1","Name1"]]}';
}
else {
$result = '{"aaData":[["2","Surname2","Name2"]]}';
}
print $result;
?>
json_encode()
函数。在您的情况下,您可以使用echo json_encode(array('aaData' => array(array('1', 'Surname1', 'Name1'))));
。 - ThiefMaster