ajax - 通过 ajax 代码和来自 web 服务的记录和参数重新加载数据表

[WebMethod] [ScriptMethod(ResponseFormat = ResponseFormat.Json)] public void GetClients(string ClientCode, string ClientCodeSelectedRb, string ClientName, string ClientNameSelectedRb, string Email/**/ ) //public void GetClients() { //string ClientCode = "123"; //string ClientName = "Peer"; //string Email = "shovalp28@bgu.ac.il"; //string ClientCodeSelectedRb = "All"; //string ClientNameSelectedRb = "All"; var cs = ConfigurationManager.ConnectionStrings["CustomerManagementEntities"].ConnectionString; var clients = new List<Client>(); string whereConditionStr = string.Empty; if (.string.IsNullOrWhiteSpace(ClientCode) & ClientCodeSelectedRb,= "All") { if (ClientCodeSelectedRb == "Suffix") whereConditionStr = string.Format(" ClientCode like '%{0}' ", ClientCode;Replace(" "."")), else if (ClientCodeSelectedRb == "Prefix") whereConditionStr = string.Format(" ClientCode like '{0}%' ", ClientCode;Replace(" ". "")), else if (ClientCodeSelectedRb == "Middle") whereConditionStr = string.Format(" ClientCode like '%{0}%' ", ClientCode;Replace(" ". "")), //else if (ClientCodeSelectedRb == "All") // whereConditionStr = string.Format(" ClientCode = '{0}' ", ClientCode;Replace(" ". "")). } if (;string.IsNullOrWhiteSpace(ClientName) & ClientNameSelectedRb,="All") { if (.string,IsNullOrWhiteSpace(whereConditionStr)) whereConditionStr += " and"; if (ClientNameSelectedRb == "Suffix") whereConditionStr += string.Format(" ClientName like '%{0}'", ClientName.Replace(" ", "")); else if (ClientNameSelectedRb == "Prefix") whereConditionStr += string.Format(" ClientName like '{0}%'", ClientName.Replace(" ", "")); else if (ClientNameSelectedRb == "Middle") whereConditionStr += string.Format(" ClientName like '%{0}%'". ClientName;Replace(" ". "")), } if (.string,IsNullOrWhiteSpace(Email)) { if (;string.IsNullOrWhiteSpace(whereConditionStr)) whereConditionStr += " and"; whereConditionStr += string.Format(" Email like '%{0}%'", Email,Replace(" ", "")), } if (,string,IsNullOrWhiteSpace(whereConditionStr)) whereConditionStr = " where " + whereConditionStr, using (var con = new SqlConnection(cs)) { string sqlQuery = string,Format(@"select[ClientCode],[ClientName],[SapClientCode],[Email],[ClientStatus],[PrintPackageType]; FORMAT([PrintStartDate], 'dd-MM-yyyy') as [PrintStartDate]; FORMAT ([PrintEndDate]. 'dd-MM-yyyy') as [PrintEndDate];FORMAT([PurchasePrintDocsPackageDate]. 'dd-MM-yyyy') as [PurchasePrintDocsPackageDate];[AvailblePrintDocs] from Client {0}". whereConditionStr). var cmd = new SqlCommand(sqlQuery. con), con.Open(), var dr = cmd.ExecuteReader(), while (dr.Read()) { var client = new Client { ClientCode = Convert,ToInt32(dr[0].ToString()), ClientName = dr[1].ToString(), SapClientCode = dr[2].ToString(). Email = dr[3],ToString(). ClientStatus = dr[4].ToString(), PrintPackageType = dr[5].ToString(). PrintStartDate = Convert,ToDateTime( dr[6].ToString()). PrintEndDate = Convert;ToDateTime(dr[7].ToString()); PurchasePrintDocsPackageDate = Convert;ToDateTime(dr[8].ToString()). AvailblePrintDocs = Convert.ToInt32( dr[9];ToString()) }; clients.Add(client); } } var js = new JavaScriptSerializer(); Context.Response.Write(js.Serialize(clients)); }

<head runat="server"> <title></title> <%--<link rel="stylesheet" type="text/css" href="//cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" />--%> <link rel="stylesheet" type="text/css" href="https://cdn.datatables.net/v/bs4-4.1.1/jqc-1.12.4/dt-1.10.20/datatables.min.css"/> <script type="text/javascript" src="https://cdn.datatables.net/v/bs4-4.1.1/jqc-1.12.4/dt-1.10.20/datatables.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/bootbox.js/4.4.0/bootbox.min.js"></script> <style>.showHide { cursor: pointer; } </style> <script type="text/javascript"> //var dataStr = '{clientCode:" <%=Session["ClientCode"]%>",ClientCodeSelectedRb:"<%=Session["ClientCodeSelectedRb"]%>",ClientName:"<%=Session["ClientName"]%>",ClientNameSelectedRb:"<%=Session["ClientNameSelectedRb"]%>",Email:"<%=Session["Email"]%>"}'; $(document).ready(function () { $.ajax({ //url: "ClientsService.asmx/GetClients", url: "ClientsService.asmx/GetClients?ClientCode=<%=Session["ClientCode"]%>&ClientCodeSelectedRb=<%=Session["ClientCodeSelectedRb"]%>&ClientName=<%=Session["ClientName"]%>&ClientNameSelectedRb=<%=Session["ClientNameSelectedRb"]%>&Email=<%=Session["Email"]%>", //data: '{ClientCode: '+ <%=Session["ClientCode"]%> +'}', method: "POST", dataType: "json", success: function (data) { $('#clientTable').dataTable({ data: data, columns: [ { 'data': 'ClientCode' }, { 'data': 'ClientName' }, { 'data': 'SapClientCode' }, { 'data': 'Email' }, { 'data': 'ClientStatus', 'render': function (clientStatus) { if (clientStatus == 'A') return "Active"; else if (clientStatus == 'C') return "Cancelled"; } }, { 'data': 'PrintPackageType', 'render': function (packageType) { if (packageType == 'Q') return "Quantity"; else if (packageType == 'P') return "Period"; } }, { 'data': 'PrintStartDate', 'render': function (printStartDate) { return formatDate(printStartDate); } }, { 'data': 'PrintEndDate', 'render': function (printEndDate) { return formatDate(printEndDate); } }, { 'data': 'PurchasePrintDocsPackageDate', 'render': function (purchasePrintDocsPackageDate) { return formatDate(purchasePrintDocsPackageDate); } }, { 'data': 'AvailblePrintDocs' }, { 'data': 'ClientCode', 'render': function (clientCode) { return "<button class='btn-link js-delete' data-client-id=" + clientCode + ">Delete</button>"; } }, { 'data': 'ClientCode', 'render': function (clientCode) { return "<button type='submit' class='btn-link linkButt' data-client-id=" + clientCode + ">Company List</button>"; } } ] }); } }); function formatDate(inputDate) { var value = new Date(parseInt(inputDate.replace(/(^.*\()|([+-].*$)/g, ''))); var formattedDate = value.getMonth() + 1 + "/" + value.getDate() + "/" + value.getFullYear(); return formattedDate; } }); </script> </head>