Js -----后台json数据，前端生成下载text文件

需要引入

<script src="/assets/libs/single_file/jquery.min.js"></script>
<script src="/assets/libs/layer/layer.js"></script>

借鉴 张鑫旭文章

http://www.zhangxinxu.com/wordpress/2017/07/js-text-string-download-as-html-json-file/

  // 返回错误信息弹框显示
     @if (session('point_errors'))
         var point_errors = JSON.stringify({!! session()->pull('point_errors') !!});
          point_errors = JSON.parse( point_errors );
         // console.log(point_errors);
         var text_content = '',msg = '',layer_content = '<p><input type="button" id="download_text" value="点击下载文件"></p>';
         $.each(point_errors, function(index, item) {
             // 组织text内容
             text_content += item[0] + ' ' + item[1] + ' ----'
                 + item[2] + '\r\n';

             msg = '<p style="padding:0;margin:0">'+item[1] + '['
                 +  item[0] + ']----'
                 +  item[2] + '</p>';
             layer_content += msg;
         });

         console.log(layer_content);
         console.log(text_content);

         // 下载文件方法
         var funDownload = function (content, filename) {
             var eleLink = document.createElement('a');
             eleLink.download = filename;
             eleLink.style.display = 'none';
             // 字符内容转变成blob地址
             var blob = new Blob([content]);
             eleLink.href = URL.createObjectURL(blob);
             // 触发点击
             document.body.appendChild(eleLink);
             eleLink.click();
             // 然后移除
             document.body.removeChild(eleLink);
         };

         if ('download' in document.createElement('a')) {
             // 作为test.html文件下载
             $(document).on('click', '#download_text', function () {
funDownload(text_content, '导入失败的用户信息.text');
             });
         } else {
             $(document).on('click', '#download_text', function () {
                 alert('浏览器不支持');
             });
         }

         setTimeout(function(){
             layer.open({
                 type: 1,
                 area: ['500px', '600px'],
                 content: layer_content,
                 scrollbar: true
             });
         }, 2000);
     @endif