本文介绍了如何使用jQuery ajax请求在数据表中显示json响应数据?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
我正在尝试使用jquery ajax进行日期范围搜索,并在datatable中显示数据.这是我的php控制器代码.
I am trying date range search using jquery ajax and show data in datatable.Here is my php controller code.
public function date()
{
$date_from = date('Y-m-d H:i:s', strtotime($this->input->post('date_from')));
$date_to = date('Y-m-d H:i:s', strtotime($this->input->post('date_to')));
if ($date_from != "" && $date_to != "") {
$data[] = $this->report_model->get_report_by_date($date_from, $date_to);
$output= $data;
}
echo json_encode($output);
}
这是我的Javascript代码
$('#filterDate').click(function () {
var from_date = $('#from_date').val();
var to_date = $('#to_date').val();
if (from_date != '' && to_date != '') {
$.ajax({
url: "<?php echo base_url(); ?>report/date",
method: "POST",
data: {date_from: from_date, date_to: to_date},
dataType: "json",
success: function (output) {
$("#reportDataOld").remove();
var json = $.parseJSON(output);
alert(json.html);
if (output == "err") {
alert("Something Happened Wrong! Please Try Again.");
} else {
$("#reportDataNew").html(output);
console.log(output);
}
}
})
;
}
else {
alert("Please Select Date");
}
});
我收到这样的json响应
但是不能在数据表中表示数据.
But Cant represent data in Datatable.
推荐答案
是的,我确实编辑了此行以了解Ajax的成功及其工作.
Yes I did edit this line to Ajax success and its working.
success: function (output) {
$("#reportDataOld").remove();
if (output == "err") {
alert("Something Happened Wrong! Please Try Again.");
} else {
var trHTML = '';
$.each(output.ReportArr, function (i, obj) {
trHTML += '<tr><td>' + obj.id + '</td><td>' + obj.created_datetime + '</td><td>' + obj.product_name + ' </td><td>' + obj.party_name + '</td><td>' + obj.quantity + '</td><td>' + obj.sup_charge_vat_total + '</td><td>' + obj.value_added_tax_qty + '</td><td></td></tr>';
});
$('#reportDataOld').append(trHTML);
}
}
这篇关于如何使用jQuery ajax请求在数据表中显示json响应数据?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持!