For everyone who is fucked up with forEach on JSON object.
Find solution in this link
https://codedamn.com/news/javascript/how-to-fix-typeerror-foreach-is-not-a-function-in-javascript
or something like this
var myval = JSON.parse(results);
Object.entries(myval).forEach(entry => {
[key, value] = entry;
console.log(entry);
});
Ok, I had a problem to solve the problem I mentioned in the title of this post.
So, I combined two solution from two sources (Actually I've browsed to several websites and discussions).
These are my sources: Source 1, Source 2.
I use ajax to retrieve the data and then add them dynamically to the table. Then, I want to align the text to center and add onclick event on each row.
So here is my Table:
<div class="table-responsive">
<table class="table table-striped table-bordered"
id="transaction_detail" cellspacing="0" width="100%">
<thead>
<tr class="text-center align-middle">
<th>Name</th>
<th>email</th>
<th>Phone</th>
<th>Transactions</th>
<th>Turnover</th>
</tr>
</thead>
<tbody >
</tbody>
</table>
</div>
And here is my Ajax:
$.ajax({
type:"POST",
url:"/gettransaction",
data:{customer_id: customerid},
success:function(data){
var jsondat = JSON.parse(data) ;
//clear the table's body
$("#transaction_detail").DataTable().clear().draw();
if(jsondat.length > 0){
for(var i=0; i<jsondat.length; i++){
var rowTab = $("#transaction_detail")
.DataTable()
.row
.add([
jsondat[i].customer_name,
jsondat[i].customer_address,
jsondat[i].customer_phone,
jsondat[i].number_transaction,
jsondat[i].turnover
]);
//use node() so that row is editable.
var rowEdit = rowTab.node();
$(rowEdit).attr("style",
"cursor:pointer; text-align:center");
$(rowEdit).attr('onclick',
"showTrans("+jsondat[i].customer_id+")");
//redraw the table after its modified
rowTab.draw(false);
}
}
},
error: function(){
}
});
I hope it can help you somehow. cheers!!
This post is kind of a continuation of my previous post 'Take A Picture From Webcam With HTML5'. I had then an issue how to save the image localy. The image taken from the webcam is saved in base64 encoded data with this format data:image/png;base64,AAAFBfj....[base64 encoded data]
After I googled around, the most solution that I found told me just seperate the base64 data from that format and decode it directly to save the image. Unfortunately, its not that easy!!!
shortly, I'll show you how to do it correctly. This solution is shown here. Thanks mas bro Fazlurr!! you are the best.
again, I developed the application using Codeigniter and the code I show here is the function to save the image localy. This function is called by an AJAX function.
function saveImage(){
$img = str_replace('data:image/png;base64,', '', $_POST['data']);
$img = str_replace(' ', '+', $img);
$data = base64_decode($img);
$file = FCPATH.'/image/page/'.$_POST['name'].'.png';
$success = file_put_contents($file, $data);
echo $success ? '1' : '0';
}
the AJAX send two POST data; the image data taken from canva and the name used for this image. Take a look at the third line, this line is the key. Other solutions found in google don't have this line, so most of them failed to save the image correctly.
Well, the funny thing is that I know it works but I don't know what does that third line do, so dont ask me why this code works...ehehehe....
$.ajax({
type:"POST",
url:"urlToAjax.php",
data:{
"data1":dat, "data2":dat2 },
success : function(results) { console.log(results)//any code if succeed goes here
},
error : function(res){
console.log(res)
//any code to generate error report goes here
}
});