[英]I am receiving my data in ajax success how can I show jquery data in table
I fetch data from controller and it shows in console.log(data)
and I want to show that data in table 我从控制器获取数据,它显示在console.log(data)
,我想在表中显示该数据
View: 视图:
<?php include 'header.php';?>
<script src="/assets/js/plugins/jquery.min.js"></script>
<script src="/assets/js/jquery.validate.min.js"></script>
<script>
var jq = $.noConflict();
</script>
<table id="enquiry_table">
<thead>
<tr>
<th>From</th>
<th>TO</th>
<th>Date</th>
<th>Status</th>
</tr>
</thead>
<tbody>
<?php
foreach ($records as $rec){
?>
<tr>
<td><?php echo $rec[0]->lr_from; ?></td>
<td><?php echo $rec[0]->lr_to; ?></td>
<td><?php echo date('d-m-Y',strtotime($rec->date));?></td>
<td><?php echo $rec->status;?> </td>
</tr>
<?php
}
?>
</tbody>
</table>
<script type="text/javascript">
function status_form(){
var lr_no = jq('#lr_no').val();
jq.ajax({
url :"https://demo.barque.online/sitecontroller/StatusController/fetchStatus",
type:"POST",
dataType: "json",
data:{
lr_no:lr_no,
},
success: function(data)
{
console.log(data);
},
error:function(data)
{
alert("error message"+data);
},async:false,
});
}
</script>
<?php include 'footer.php'; ?>
Controller: 控制器:
<?php
defined('BASEPATH') OR exit('No direct script access allowed');
class StatusController extends CI_Controller {
public function __construct()
{
header('Access-Control-Allow-Origin: my url');
header('Access-Control-Allow-Credentials: true');
header('Access-Control-Max-Age: 604800');
header("Access-Control-Allow-Headers: Origin, Content-Type, Accept, Access-Control-Request-Method");
header("Access-Control-Allow-Methods: GET, POST");
parent::__construct();
$this->load->model("sitemodel/StatusModel",'sModel');
}
function fetchStatus(){
$lr_no = $this->input->post('lr_no');
$statusResult['records'] = $this->sModel->fetchRecords($lr_no);
echo json_encode($statusResult);
}
}
try this:- 尝试这个:-
<script type="text/javascript">
function status_form(){
var lr_no = jq('#lr_no').val();
jq.ajax({
url :"https://demo.barque.online/sitecontroller/StatusController/fetchStatus",
type:"POST",
dataType: "json",
data:{
lr_no:lr_no,
},
success: function(data)
{
var html="";
for(var i=0;i<data.length;i++){
html += "<tr>";
html += "<td>"+data[i]['your_index']+"</td>";//as per your columns and use this if your data is array. if it was stdObject then use (.)sign for indexing.
html += "</tr>";
}
$('#userdata').append(html);
console.log(data);
},
error:function(data)
{
alert("error message"+data);
},async:false,
});
}
</script>
and add this:- 并添加: -
<tbody id="userdata">
I dont know about php. 我不知道php。 But you can do that very easily with jquery with the code inside the success function. 但是你可以使用jquery很容易地使用success函数中的代码。
<script type="text/javascript">
function status_form(){
var lr_no = jq('#lr_no').val();
$.ajax({
url :"",
type:"POST",
dataType: "json",
data:""
success: function(data)
{
var str = "";
str += "<table>";
$.each(data,function(i,item){
str += "<tr><td>" + item.YOUR_VALUE + "</td></tr>";
});
str += "</table>";
$("#div").append(str);
},
error:function(data)
{
alert("error message"+data);
},
async:false,
});
}
</script>
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.