怎样在JavaScript中调用WebService获取数据_刘锦伟

器端控件， 并添加对上述服务的引用。
89
实用第一 智慧密集
<asp:ScriptManager ID="ScriptManager1" runat="server">
<Services> <asp:ServiceReference Path="WS.asmx" />
</Services> </asp:ScriptManager>
常 熟 悉 的 方 式 是 直 接 在 ASPX 页 面 中 编 写 代 码 ， 或 者 在 CS 文
件中编写代码， 直接操作 的 服 务 器 端 控 件 属 性 ， ASP.
NETቤተ መጻሕፍቲ ባይዱAJAX 提供了一种额外的方法。
下 面 通 过 实 例 来 介 绍 如 何 在 JavaScript 中 调 用 WebService
经 过 以 上 工 作 ， 完 成 了 WebService 类 的 编 写 工 作 ， 可 以
通过 “在浏览器中查看” 进行测试。 执行效果如图 1 所示。
完 成 WebService 类 的 编 写 后 ， 再 编 写 aspx 页 面 部 分 。 首
先在默认的 “Default.aspx” 页面上添加一个 ScriptManager 服务
自 动 调 用 。 回 调 函 数 的result 参 数 代 表 了 本 次 异 步 调 用 的 返 回
结果， 即 WebService 方法的返回值。
页面 JavaScript 代码如下：
<script type="text/javascript"> function getdata() //获得数据 { document.all.Select1.options.length = 0; //传递 SQL 语句作为参数 var sqlstr = "select distinct QKDY from DAA01,
Service 时应按照如下格式：
[NameSpace]. [ClassName]. [MethodName] (param1, param2 ..., callbackFunction)；
其中 “callbackFunction” 为 回 调 函 数 名 称 ， 该 回 调 函 数 将
在服务器端异步调用成功返回后由 AJAX 异步通信层
DAA05 where DAA01.JH=DAA05.JH"; TestJSWebService.WS.getData (sqlstr, getdataCall-
back); } function getdataCallback(result) { var rows = eval("(" + result + ")"); if (rows == null) { alert("记录为空"); } else { var rcount = rows.count; //根据 ID 查找对象，
con.Open(); adapter.Fill(ds,"DataTables"); } finally { con.Close(); } return toJson(ds.Tables[0]); }
toJson （） 函数将获得的 DataTable 对象转换成 JSON 格式的
字符串， 包括返回数据记录的总数及所有记录。 格式如下： {
为了区别于使用服务器端控件， 加入一个 HTML 控件，
<select id="Select1"> <option></option>
</select>
接 下 来 编 写 JavaScript 代 码 ， 调 用 WebService 服 务 ， 并 根
据返回的结果修改其选项值。 在客户端 JavaScript 中调用 Web-
// <param name="dt"> DataTable 类型</param> // <returns>JSON 格式字符串，包括记录数 count，记录 //rows</returns> private string toJson(DataTable dt) {
StringBuilder JsonString = new StringBuilder(); if (dt ! = null && dt.Rows.Count > 0) {
（ ） ” 方 法 接 收 一 个 名 为 sqlstr 的 参 数 ， 返 回 JSON 格 式 的 字
符串。
// <summary> // 获取一个数据集 // </summary> // <param name="cmd"> select 语句</param> // <returns>string 类型</returns> [WebMethod] public string getData(string cmd) {
" count" :记 录 总 数," rows" : [ { " 名 称" :" 值 1"} , { " 名
称" :" 值 2"}]}， 在 JavaScript 中 可 以 使 用 eval （） 函 数 对 返 回
的 JSON 字符串进行处理。
// <summary> // 将 DataTable 转换成 JSON 格式字符串 // </summary>
} } } </script> 设置 body 的 onload=" getdata () ;"， 运行程序 ， 效果如图 2 所示。
至 此 ， 完 成 了 使 用 JavaScript 调 用 WebService 的 全 部 过 程， 这里只是做了一个简单的演示， 可以根据开发过程中的实 际 需 要 编 写 不 同 的 WebService 以 及 客 户 端 调 用 代 码 ， 轻 松 地 完 成 工 作 。 特 别 是 对 于 一 些 已 经 发 布 的 Web 应 用 ， 可 以 通 过 直 接 修 改 页 面 的 JavaScript 代 码 及 WebService 的 方 式 对 其 进 行 改造， 达到以最小的工作量来满足用户需求的目的。
var obj = document.getElementById('Select1'); //添 加 选 项 for (var i = 0; i < rcount; i++) {
obj.add(new Option(rows.rows[i].QKDY)); //对应于 SQL 语句中的字段名称
//对 于 其 他 字 段 采 用 同 样 的 形 式 访 问 // rows.rows[i].字段名
90 2011. 03
JsonString.Append("{ "); JsonString.Append("\"count\":" + dt.Rows.Count + ",");
JsonString.Append("\"rows\":[ "); for (int i = 0; i < dt.Rows.Count; i++) {
（作者： 刘锦伟 苏丹）
如何实现数据库连接池 DDConnectionBroker 数据库连接的建立及关闭对整个计算机硬件系统与计 算机软件系统而言是耗费资源的操作， 例如建立每个与数据库 的 连 接 需 要 消 耗 CPU 处 理 时 间 与 计 算 机 内 存 等 。 在 多 层 结 构 的应用程序环境中， 这种耗费资源的动作对系统的性能影响尤 为明显。 传统的数据库连接方式中， 一个数据库连接对象均对
TROUBLESHOOTING OF PROGRAM
编程疑难问题解答
怎样在 JavaScript 中调用 WebService 获取数据
在 实 际 开 发 工 作 中 ， 要 求 在 JavaScript 中 获 取 WebSer-
vice 返回的数据集， 更新页面中 HTML 控件的属性或内容。 通
//定 义 数 据 库 连 接 System.Data.OleDb.OleDbConnection con = new OleDbConnection (ConfigurationManager.ConnectionStrings[" DataCenter"].ToString()); System.Data.OleDb.OleDbDataAdapter adapter = new System.Data.OleDb.OleDbDataAdapter(cmd, con); DataSet ds = new DataSet(); try {
JsonString.Append("{ "); for (int j = 0; j < dt.Columns.Count; j++) {
if (j < dt.Columns.Count - 1) { JsonString.Append ("\"" + dt.Columns[j].ColumnName. ToString() + "\":" + "\"" + dt.Rows[i][j].ToString() + "\","); } else if (j == dt.Columns.Count - 1) { JsonString.Append("\"" + dt.Columns[j].ColumnName. ToString() + "\":" + "\"" + dt.Rows[i][j].ToString() + "\""); } } /*end Of String*/ if (i == dt.Rows.Count - 1) { JsonString.Append("} "); } else { JsonString.Append("}, "); } } JsonString.Append("]}"); return JsonString.ToString(); } else { return null; } }