读取数据库中某个表的所有内容 并通过json格式输出到前台
这是后台代码:
<%@ WebHandler Language="C#" Class="DWLL" %>
using System;
using System.Data;
using System.Web;
using System.Web.UI;
using System.Web.SessionState;
using System.Configuration;
using System.Windows.Forms;
using Newtonsoft.Json;
using Oracle.ManagedDataAccess.Client;
public class DWLL : IHttpHandler,IRequiresSessionState {
public void ProcessRequest (HttpContext context) {
context.Response.ContentType = "text/plain";
string jsonresult = JsonConvert.SerializeObject(GetENTITIES());//将GetENTITIES()函数返回的值转换为json
context.Response.Write(jsonresult);//传到前台
context.Response.End();
}
protected DataTable GetENTITIES()
{
//string EOID = null, ENAME = null, TEL = null, ADDRESS = null, CLASS = null, LASTTIME = null, TYPE = null, REGION = null, ZIPCODE = null, LINKMAN = null;
//连接数据库
string link_entities = ConfigurationManager.ConnectionStrings["Conn"].ToString();
OracleConnection conn = new OracleConnection(link_entities);
try
{
conn.Open();
}
catch (Exception ex)
{
MessageBox.Show("连接数据库失败");
return null;
}
string sql_getdata = "Select * from ENTITIES";
// 创建OracleDataAdapter对象,并执行sql命令
OracleDataAdapter get1 = new OracleDataAdapter(sql_getdata,conn);
//创建数据集dataSet
DataSet dataSet = new DataSet();
//使用OracleDataAdapter对象的Fill方法填充DataSet
get1.Fill(dataSet,"T_table");
DataTable dt1 = dataSet.Tables["T_table"];
return dt1;
}
public bool IsReusable {
get {
return false;
}
}
}
我整理下思路:GetENTITIES()函数是DatabeTable()构造函数,DataTable 为返回类型。返回之后用JsonConvert.SerializeObject(GetENTITIES())将其转为Json格式(这种方法需要添加Newtonsoft.Json.dll),然后context.Response.Write(jsonresult)将括号里的内容传到前台。
其中GetENTITIES函数中:
先进行连接数据库操作,conn即为连接名,下面定义一个SQL语句,即要对数据库进行操作的语句,然后创建OracleDataAdapter对象,并执行sql语句(OracleDataAdapter对象的介绍可见:OracleDataAdapter)。然后使用OracleDataAdapter对象的Fill方法将其填充到数据集(DataSet)中,第二个参数是对表格的命名。最后创建一个DataTable对象dt1赋值为刚才的数据集dataSet,然后返回值为dt1。
其中在第一个函数中 加了IRequires SessionState接口,他的作用如下(引用了此文章):
IRequiresSessionState
指定目标 HTTP 处理程序需要对会话状态值具有读写访问权。这是一个标记接口,没有任何方法。
作用:
在自定义 HTTP 处理程序中实现 IRequiresSessionState 接口,以确定处理程序是否需要对会话状态值具有读写访问权
所以记得哦,如果在自定义HTTP处理程序中,要访问Session,记得一定要实现这个接口哦。
切记切记!!!
这是前台代码
<table id="example1" class="table table-bordered table-striped">
</table>
//ajax读取json并填充表格
function ViewCompanies() {
$.ajax({
type: "get",
async: false,
url: "DWLL_.ashx",
contentType: "application/x-www-form-urlencoded; charset=UTF-8",
datatype: "json",
timeout: 1000,
cache: false,
success: function (result) {
//删除Datatable中自动添加的“没有相关记录”行
//Jquery方法
//$(".odd").remove();
//JS原生方法
//document.getElementsByClassName('odd')[0].remove();
var DataTable = eval(result);//将json转化为数组
//var exmaple1 = document.createElement("table");
var example1 = document.getElementById("example1");
var thead = document.createElement("thead");
var thead_tr = document.createElement("tr");
var th_arr = ["编号", "单位名", "单位资质等级", "上次被抽中时间", "业务范围", "区域"];
for (var i = 0; i < 6; i++) {
var thead_th = document.createElement("th");
var current_text = document.createTextNode(th_arr[i]);
thead_th.appendChild(current_text);
thead_tr.appendChild(thead_th);
}
thead.appendChild(thead_tr);
mytbody = document.createElement("tbody");
mytr = document.createElement("tr");
for (var i = 0; i < DataTable.length; i++) {
mytr = document.createElement("tr");
var EOID = DataTable[i].EOID;
var ENAME = DataTable[i].ENAME;
var CLASS = DataTable[i].CLASS;
var LASTTIME = DataTable[i].LASTTIME;
var TYPE = DataTable[i].TYPE;
var REGION = DataTable[i].REGION;
var testarr = [EOID, ENAME, CLASS, LASTTIME, TYPE, REGION, ];
for (var j = 0; j < 6; j++) {
mycurrent_cell = document.createElement("td");
mycurrent_text = document.createTextNode(testarr[j]);
//把text放入td
mycurrent_cell.appendChild(mycurrent_text);
//把td放入tr
mytr.appendChild(mycurrent_cell);
}
mytbody.appendChild(mytr);
}
example1.appendChild(thead);
example1.appendChild(mytbody);
//document.getElementById("inserttable").appendChild(exmaple1);
//document.getElementsByTagName("table")[0].setAttribute("id", "exmaple1");
//document.getElementById("exmaple1").setAttribute("class", "table table-bordered table-striped");
},
error: function () {
alert("加载失败");
}
});
}
$(document).ready(function () {
var table = $('#example1').DataTable({});
});
其实思路很简单了 就是有个空的table标签 然后用js操作DOMx向里面添加元素和内容,其中ajax中的"url"是连接的刚才的后台文件,然后success:的function(result)的result就是刚才后台context.Response.Write(jsonresult)传过来的内容,其中下面的var DataTable = eval(result);是将json格式转换为数组格式。
过程中遇到了几个问题:
1.在DOM添加了表格内容时,想用jquery的Datatable进行初始化,刚开始的方法是用DOM方法创建整个table(包扩<table>标签),然后不明白是ready的问题或者加载先后顺序的问题,表格可以正常加载,但是无法初始化为Datatable。
2.还有一种就是开始创建了表头,用DOM添加tbody,但是内容可以添加,Datatable也可以加载,但是貌似不能动态识别表里面的内容,换页,搜索,每页显示的条数都不能使用。所以这种方法也不行,最后才找到了上述方法。但是这两种问题的原因我还没有找到。