数据未显示并因JSON.parse数据而出错

时间:2017-08-21 19:07:43

标签: javascript php jquery html json

我在这里有一个问题。

我有一个页面用于显示数据库中的数据。我使用ajax来处理我得到的数据。

在我的其他页面中,我可以使用此方法显示数据。我没有得到错误按摩和数据显示良好。我检查了我的代码,我认为那里没有错误语法。

但为什么呢?在这个页面中我的代码无法获取数据,我得到了这个错误按摩。 这是因为我的图书馆不支持我或者我在我的图书馆崩溃了吗?

第一。这是错误按摩:

The Error Massage that i get

在我的html页面中,我使用了这个库。

<script type="text/javascript" src="../jquery/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="../jquery/jquery-1.10.1.min.js"></script>
<script type="text/javascript" src="../jquery/jquery-1.12.4.js"></script>
<script type="text/javascript" src="../jquery/jquery.js"></script>
<script type="text/javascript" src="../jquery/jquery.min.js"></script>
<script type="text/javascript" src="../jquery/jquery-ui.js"></script>

最后这是我显示数据的代码。

获取数据并将数据显示在表格中的代码。

$(document).on('click','#display_data',function(e) {
	var data = $("#report_all").serialize();
	  
	$('#all_report tbody').empty();
        $.ajax({
			data: data,
            type: "Post",
            url: "../php/report/report_all_KA.php",
            success: function(data){
  			var list = JSON.parse(data);
  			var th = "";
  
        th += "<th>" +'Tanggal'+"</th>";
        th += "<th>" +'Type Kadar Air'+"</th>";
        th += "<th>" +'Kode Material'+"</th>";
        th += "<th>" +'Nama Material'+"</th>";
        th += "<th>" +'Storage Location'+"</th>";
        th += "<th>" +'Kadar Air'+"</th>";
        th += "<th>" +'Nama PPIC'+"</th>";
	
  th += "</th>";
  $("#all_report thead").append(th);
  for(var i = 0; i < list.length; i++){
  
  var tr = "<tr>";
  
        tr += "<td>" +list[i]['date']+"</td>";
        tr += "<td>" +list[i]['type']+"</td>";
        tr += "<td>" +list[i]['kode']+"</td>";
        tr += "<td>" +list[i]['nama']+"</td>";
        tr += "<td>" +list[i]['sloc']+"</td>";
        tr += "<td>" +list[i]['ka']+"</td>";
        tr += "<td>" +list[i]['ppic']+"</td>";
	
  tr += "</tr>";
	
    $("#all_report tbody").append(tr);
	$("#all_report").show();
  }
  return false;
 
 
}
});
});

PHP代码

<?php
include("../../Connections/koneksi.php");
$date_start=$_POST['date_start'];
$date_end=$_POST['date_end'];
$kode_mat=$_POST['kode_mat'];
$sloc=$_POST['sloc'];
$type=$_POST['get_type'];
$order=$_POST['order'];

if (empty($date_start) || empty($date_end) || empty($kode_mat) || empty($sloc) || empty($type) || empty($order)) {
    // Data for Titik1
$sql = "SELECT * FROM kadar_air";
$query = mysqli_query($db,$sql);
$rows = array();

while($tmp= mysqli_fetch_array($query)) {
    $rows[] = $tmp;
}

echo json_encode($rows);
mysqli_close($db);

}
else {
  
}

?> 

表格的Html代码

	<table id="all_report" class='table table-bordered'>
		<thead></thead>
		<tbody></tbody>
	</table>
 

0 个答案:

没有答案