Javascript ajax数据表导出按钮不工作
朋友们,我可以将数据从ajax加载到数据表中,但当我单击导出按钮时,导出按钮不起作用。只显示标题。请帮助我排序。这是我的代码Javascript ajax数据表导出按钮不工作,javascript,ajax,asp.net-ajax,Javascript,Ajax,Asp.net Ajax,朋友们,我可以将数据从ajax加载到数据表中,但当我单击导出按钮时,导出按钮不起作用。只显示标题。请帮助我排序。这是我的代码 <div class="box-body"> <div class="table-responsive"> <table id="example1" class="table table-bordered table-hover"> <thead>
<div class="box-body">
<div class="table-responsive">
<table id="example1" class="table table-bordered table-hover">
<thead>
<tr>
<th>Target</th>
<th>Orders</th>
<th>Sale</th>
</tr>
</thead>
<tbody class="tbody">
</tbody>
</table>
<script>
//Load Data in Table when documents is ready
$(document).ready(function () {
loadData();
});
//Load Data function
function loadData() {
$.ajax({
url: "/Home/List",
type: "GET",
contentType: "application/json;charset=utf-8",
dataType: "json",
success: function (result) {
var html = '';
$.each(result, function (key, item) {
html += '<tr>';
html += '<td>' + item.Party_target + '</td>';
html += '<td>' + item.Party_order + '</td>';
html += '<td>' + item.Party_sale + '</td>';
html += '</tr>';
});
$('#example1').html(html);
},
error: function (errormessage) {
alert(errormessage.responseText);
}
});
}
</script>
目标
命令
特价
//文档准备就绪时加载表中的数据
$(文档).ready(函数(){
loadData();
});
//加载数据函数
函数loadData(){
$.ajax({
url:“/Home/List”,
键入:“获取”,
contentType:“应用程序/json;字符集=utf-8”,
数据类型:“json”,
成功:功能(结果){
var html='';
$。每个(结果、功能(键、项){
html+='';
html+=''+item.Party\u target+'';
html+=''+项目方\订单+'';
html+=''+项目方销售+'';
html+='';
});
$('#示例1').html(html);
},
错误:函数(错误消息){
警报(errormessage.responseText);
}
});
}
这里是导出的excel文件
对不起,我忘了显示导出脚本。这是我在母版页上使用的导出代码
<script>
` $(function () {
var example1 = $("#example1").DataTable({
responsive: true,
buttons: ['excelHtml5',
{
extend: 'pdfHtml5',
title: "*",
download: 'open'
},
{
extend: 'print',
autoPrint: true,
customize: function (win) {
$(win.document.body)
.css('font-size', '10pt');
$(win.document.body).find('table')
.addClass('compact')
.css('font-size', 'inherit');
var medias = win.document.querySelectorAll('[media="screen"]');
for (var i = 0; i < medias.length; i++) { medias.item(i).media = "all" };
}
},
{ extend: 'pdfHtml5',
title: 'Document Tittle',
customize: function (doc) {
if (doc) {
for (var i = 1; i < doc.content[1].table.body.length; i++) {
var tmptext = doc.content[1].table.body[i][0].text;
tmptext = tmptext.substring(10, tmptext.indexOf("width=") - 2);
doc.content[1].table.body[i][0] = {
margin: [0, 0, 0, 12],
alignment: 'center',
image: tmptext,
width: 60,
height: 58
};
}
}
},
exportOptions: {
columns: [0, 1, 2, 3, 4, 5, 6, 7],
stripHtml: false
}
}
]
});
example1.buttons().container().appendTo($('.col-sm-6:eq(0)', example1.table().container()));
});
</script>`
`$(函数(){
var example1=$(“#example1”).DataTable({
回答:是的,
按钮:['excelHtml5',
{
扩展:“pdfHtml5”,
标题:“*”,
下载:'打开'
},
{
扩展:“打印”,
自动打印:对,
自定义:功能(win){
$(win.document.body)
.css('font-size','10pt');
$(win.document.body).find('表')
.addClass('compact')
.css('font-size','inherit');
var medias=win.document.querySelectorAll('[media=“screen”]');
对于(var i=0;i
请张贴您的密码exporting@ManuVarghese对不起,我忘了显示导出脚本我现在更新我的问题请检查请张贴代码exporting@ManuVarghese对不起,我忘记显示导出脚本我现在更新我的问题请检查