前台用ajax,后台用C#,数据库用sql server,怎么让数据库的一个表呈现在前台html页面上

Posted 2023-04-09

麻烦来个大神帮忙给个简单的实例。

参考技术A 你是前端程序员还是后端程序员。我估计你前后都要写，首先要选好框架，包括前后端的。前端可以用bootstrap,找它的表格插件，学习如何使用，需要什么格式的数据。再写ajax提交参数到后端来查询数据库。后端有一些框架，我建议你简单一点就在asp.net项目添加一个一般性处理程序，你要去百度一下如何添加。然后在这个程序里面写代码查询数据库，返回前端需要的数据，一般都是json格式的数据本回答被提问者采纳 参考技术B 例子只能自己去找去下载，大致就是分

C#连接数据库读取表格数据发布成数据接口；
用ajax请求接口获取数据，展示成表格。 参考技术C 你去博客园、csdn一搜一大把。可以去csdn找下载实例的那种。

ajax导出excel数据异常

平常项目中遇到需要后台生成excel表格并导出，就想当然的前台用ajax调用，后台用Aspose.Cells.lic生成文件流并导出，

后台数据整合没什么问题，前台页面没有任何反应。

 

原因：ajax请求只是个“字符型”的请求，即请求的内容是以文本类型存放的。文件的下载是以二进制形式进行的，ajax没法解析后台返回的文件流，所以无法处理二进制流response输出来下载文件。

解决办法：

用提交form表单的形式或者<a>标签跳转的形式导出excel

1. 1 var url = "/abc/abc?paras="+args;
   2 
   3 $(‘<form method="get" action="‘ + url + ‘"></form>‘).appendTo(‘body‘).submit().remove();

    

 

 1   //点击导出按钮导出excel表格
 2 $("#btn").on("click",function(){
 3     var params = {};
 4     postExcelFile(params, "http://www.XXX_excel");
 5 });
 6 
 7 //params是post请求需要的参数，url是请求url地址
 8 function postExcelFile(params, url) { 
 9     var form = document.createElement("form");
10     form.style.display = ‘none‘;
11     form.action = url;
12     form.method = "post";
13     document.body.appendChild(form);
14 
15     for(var key in params){
16       var input = document.createElement("input");
17       input.type = "hidden";
18       input.name = key;
19       input.value = params[key];
20       form.appendChild(input);
21     }
22 
23     form.submit();
24     form.remove();
25   }