Warning: file_get_contents(/data/phpspider/zhask/data//catemap/0/asp.net-mvc/15.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript ajax数据表导出按钮不工作_Javascript_Ajax_Asp.net Ajax - Fatal编程技术网

Javascript 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>

朋友们,我可以将数据从ajax加载到数据表中,但当我单击导出按钮时,导出按钮不起作用。只显示标题。请帮助我排序。这是我的代码

 <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对不起,我忘记显示导出脚本我现在更新我的问题请检查