Mesmo erro;
Content type 'application/x-www-form-urlencoded;charset=UTF-8' not supported
Segue todos os script :
o código esta dentro da função getDataTable().
<script type="text/javascript">
var editor; // use a global for the submit and return data rendering in the examples
var messageFiles = 'Clipboard - Lista de receitas(entradas)';
var classeBtn = 'btn btn-outline btn-default';
var classeBtnEditor = 'btn btn-info';
var erroValorTxt = '<strong>Erro</strong> ao carregar o valor total das receitas';
var erroDataTxt = '<strong>Erro</strong> ao carregar as datas, atualize a página. [F5]';
var positionExport = {columns: [0, 1, 2, 3]};
var header = $("meta[name='_csrf_header']").attr("content");
var token = $("meta[name='_csrf']").attr("content");
$(document).ready(function() {
getDataTable();
pegaData();
getValMesAnoReceitas();
function getDataTable(){
editor = new $.fn.dataTable.Editor( {
ajax: "/financeiro/receitas/salvarReceitasAjax",
table: "#receitasTable",
idSrc: "id",
fields: [ {
label: "Descrição:",
name: "descricaoReceita"
}, {
label: "Data:",
name: "dataReceita.year"
}, {
label: "Contas:",
name: "minhasContas[0].nome"
}, {
label: "Tipo:",
name: "tipoReceitas[0].corTipoReceita"
}, {
label: "Valor:",
name: "valorReceita"
}
]
} );
var oTable = $('#receitasTable').DataTable( {
ajax: "/financeiro/receitas/listAll",
dom: '<"row"<"col-sm-8"B><"col-sm-4"f>><"row"<"col-sm-12"tr>><"row"<"col-sm-5 font-size-12"i><"col-sm-7"p>>',
bProcessing : true,
lengthMenu: [
[ 5, 10, 20, 30, 50, 100, -1 ],
[ '5 itens', '10 itens', '20 itens', '30 itens', '50 itens', '100 itens', 'Todos' ]
],
columns: [
{ data: "id" },
{ data: "descricaoReceita" },
{
data: "dataReceita" ,
mRender: function(data){
dataDay = data.dayOfMonth < 10 ? '0' + data.dayOfMonth : data.dayOfMonth;
dataMonth = data.monthValue < 10 ? '0' + data.monthValue : data.monthValue;
dataObj = dataDay + '/' + dataMonth + '/' + data.year
return dataObj;
},
},
{
data: "minhasContas[0].nome"/* ,
mRender: function (data, type, full){
return data[0].nome;
},
sDefaultContent: '' */
},
{
data: "tipoReceitas[0].nome"/* ,
mRender: function (data, type, full){
return data[0].corTipoReceita;
},
sDefaultContent: '' */
},
{
data: "valorReceita",
mRender: $.fn.dataTable.render.number('.', ',', 2, 'R$ ')
}
],
select: "single",
buttons: [
{ extend: "create",
editor: editor,
text: '<i class="icon fa-plus"></i>',
titleAttr: 'Criar receita',
className: classeBtnEditor
},
{ extend: "edit",
editor: editor,
text: '<i class="icon fa-edit"></i>',
titleAttr: 'Editar receita',
className: classeBtnEditor
},
{ extend: "remove",
editor: editor,
text: '<i class="icon fa-trash-o"></i>',
titleAttr: 'Excluir receita',
className: classeBtnEditor,
exportOptions: {
columns: [ 1, ':visible' ]
}
},
{ extend: 'pageLength',
text: '<i class="icon wb-list"></i> ',
titleAttr: 'Listar itens',
className: classeBtn
},
{
text: '<i class="icon fa-refresh"></i>',
titleAttr: 'Atualizar itens',
className: classeBtn,
action: function ( e, dt, node, config ) {
dt.ajax.reload();
}
},
{
extend: 'copyHtml5',
text: '<i class="fa fa-files-o"></i>',
titleAttr: 'Copiar',
exportOptions: positionExport,
message: messageFiles,
className: classeBtn
},
{
extend: 'excelHtml5',
text: '<i class="fa fa-file-excel-o"></i>',
titleAttr: 'Excel',
exportOptions: positionExport,
message: messageFiles,
className: classeBtn
},
{
extend: 'pdfHtml5',
text: '<i class="fa fa-file-pdf-o"></i>',
orientation: 'portrait',
titleAttr: 'Ver PDF',
exportOptions: positionExport,
message: messageFiles,
className: classeBtn
},
{
extend: 'print',
text: '<i class="fa fa-print"></i>',
titleAttr: 'Inprimir',
exportOptions: positionExport,
message: messageFiles,
className: classeBtn
}
]
});
$('button[id*="filtrarData_"]').click(function(){
oTable.rows().remove();
oTable.ajax.url("/financeiro/receitas/listMesAno");
oTable.draw();
setTimeout(function(){
oTable.ajax.reload();
getValMesAnoReceitas();
}, 400);
});
$('#filtrarTodos').click(function(){
oTable.rows().remove();
oTable.ajax.url("/financeiro/receitas/listAll");
oTable.draw();
setTimeout(function(){
oTable.ajax.reload();
getValTotalReceitas();
}, 400);
});
};
function getValMesAnoReceitas(){
$('.loaderValorBg').show();
$.ajax({
url: "/financeiro/receitas/valorReceitasMesAno",
beforeSend: function(){
},
success: function(retorno){
formatCurrency();
var obj = JSON.parse(retorno);
var colorClassGrey = "bg-blue-grey-300";
var colorClassCyan = "bg-cyan-600";
var valor = obj.ValorReceitasMesAno;
if(valor == 0){
$('#colorClassDiv').removeClass(colorClassCyan).addClass(colorClassGrey);
}else if(valor > 0) {
$('#colorClassDiv').removeClass(colorClassGrey).addClass(colorClassCyan);
}
$('#valorTotalReceitas').fadeToggle();
setTimeout(function(){
$('.loaderValorBg').fadeToggle();
$('#valorTotalReceitas').html('R$ ' + valor.format(2, 3, '.', ',')).fadeToggle();
}, 300);
},
error: function(){
var valorZero = 000000;
$('#erroValorTexto').html(erroValorTxt);
$('#erroValor').fadeToggle();
$('.loaderValorBg').fadeOut();
setTimeout(function() {
$('#erroValor').fadeOut();
}, 4000);
$('#valorTotalReceitas').html('R$ ' + valorZero.format(2, 3, '.', ','));
},
});
};
function getValTotalReceitas(){
$('.loaderValorBg').show();
$.ajax({
url: "/financeiro/receitas/valorReceitasTotal",
beforeSend: function(){},
success: function(retorno){
formatCurrency();
var obj = JSON.parse(retorno);
var colorClassGrey = "bg-blue-grey-300";
var colorClassCyan = "bg-cyan-600";
var valor = obj.ValorReceita;
if(valor == 0){
$('#colorClassDiv').removeClass(colorClassCyan).addClass(colorClassGrey);
}else if(valor > 0) {
$('#colorClassDiv').removeClass(colorClassGrey).addClass(colorClassCyan);
}
$('#valorTotalReceitas').fadeToggle();
setTimeout(function(){
$('.loaderValorBg').fadeToggle();
$('#valorTotalReceitas').html('R$ ' + valor.format(2, 3, '.', ',')).fadeToggle();
}, 300);
},
error: function(){
var valorZero = 000000;
$('#erroValorTexto').html(erroValorTxt);
$('#erroValor').fadeToggle();
$('.loaderValorBg').fadeOut();
setTimeout(function() {
$('#erroValor').fadeOut();
}, 5000);
$('#valorTotalReceitas').html('R$ ' + valorZero.format(2, 3, '.', ','));
},
});
};
function addZero(zero) {
return (zero < 10 ? '0' : '') + zero;
};
function dataFormatada() {
var data = new Date(),
mes = addZero(data.getMonth() + 1),
ano = data.getFullYear()
return [ mes, ano ].join('/');
};
function stringMes(mes) {
switch (mes) {
case "01": mes = "Janeiro"; break;
case "02": mes = "Fevereiro"; break;
case "03": mes = "Março"; break;
case "04": mes = "Abril"; break;
case "05": mes = "Maio"; break;
case "06": mes = "Junho"; break;
case "07": mes = "Julho"; break;
case "08": mes = "Agosto"; break;
case "09": mes = "Setembro"; break;
case "10": mes = "Outubro"; break;
case "11": mes = "Novembro"; break;
case "12": mes = "Dezembro"; break;
default: break;}
return mes;
}
function pegaData() {
var dataAtualizada = dataFormatada();
var pegaData = dataAtualizada;
tbody(pegaData);
$('button[id*="filtrarData_"]').click(function() {
var pegaData = $(this).val();
tbody(pegaData);
});
};
function tbody(date) {
var urlData = "datas/" + date;
$('.loaderDataBg').show();
$.ajax({
url : urlData,
beforeSend : function() {},
success : function(retorno) {
var obj = JSON.parse(retorno);
var mesAnt = obj.dataAntUrl.substring(0, 2);
var mesAtu = obj.dataAtuUrl.substring(0, 2);
var mesPos = obj.dataPosUrl.substring(0, 2);
$('#dataPrev').html(stringMes(mesAnt) + " de " + obj.dataAntUrl.substring(3, 7));
$('#filtrarData_Ant').val(obj.dataAntUrl);
$('#dataAtu').html(stringMes(mesAtu) + " de " + obj.dataAtuUrl.substring(3, 7));
$('#filtrarData_Atu').val(obj.dataAtuUrl);
$('#dataPost').html(stringMes(mesPos) + " de " + obj.dataPosUrl.substring(3, 7));
$('#filtrarData_Pos').val(obj.dataPosUrl);
$('.loaderDataBg').fadeOut();
},
error : function(a, b, c) {
$('#erroData').fadeToggle();
$('.loaderDataBg').fadeToggle();
setTimeout(function() {
$('#erroData').fadeToggle();
alert('Erro: ' + a[status] + ' ' + c);
}, 5000);
}
});
};
function formatCurrency(){
Number.prototype.format = function(n, x, s, c) {
var re = '\\d(?=(\\d{' + (x || 3) + '})+' + (n > 0 ? '\\D' : '$') + ')',
num = this.toFixed(Math.max(0, ~~n));
return (c ? num.replace('.', c) : num).replace(new RegExp(re, 'g'), '$&' + (s || ','));
};
};
});
</script>