使用ASP.NET AJAX 从脚本中调用Web 服务的应用方法

浏览数：25 / 时间：2015年06月09日

技能点：通过编写WebService,在页面js中调用WebService来进行数据查询。

网站开发，有些时候需要使用js在页面动态生成一些内容，但还有些数据要通过查询数据库才能获取的。

但由于诸如主键id等一些关键数据在后台不易获取，或在后台获取数据后不易直接在前台通过js使用。

这种情况下，使用js+ajax的方式来实现，效果也是不错的。

1.编写webservice:

 1 using System;
 2 using System.Collections.Generic;
 3 using System.Linq;
 4 using System.Web;
 5 using System.Web.Services;
 6 using BLL;
 7 using Model;
 8 ///
 9 ///GetProPointService 的摘要说明
10 ///
11 [WebService(Namespace = "http://tempuri.org/")]
12 [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]
13 //若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务，请取消对下行的注释。
14 [System.Web.Script.Services.ScriptService]
15 public class GetProPointService : System.Web.Services.WebService {
16     public GetProPointService () {
17         //如果使用设计的组件，请取消注释以下行
18         //InitializeComponent();
19     }
20     [WebMethod]
21     public int GetPointByProNo(int proNo)
22     {
23         ProSelectBLL bll = new ProSelectBLL();
24         return bll.GetPointByProNo(proNo);
25     }
26 }

2. 在前台页面代码中注册web服务：

1         <asp:ScriptManager ID="ScriptManager" runat="server">
2             <Services>
3                 <asp:ServiceReference Path="~/WebService/GetProPointService.asmx" />
4             </Services>
5         </asp:ScriptManager

3. 在前台页面脚本中调用web服务：

     //事件处理函数
     function btnInvoke_onclick() {
         var theName = $get("tbName").value;
         SimpleWebService.SayHello(theName, processRollBack);
     }
     //回调函数
     function processRollBack(result) {
         $get("result").innerHTML = result;
     }

扩展:如果是循环调用webservice与数据库交互，即在事件处理函数中循环调用web服务，那么获取的数据将在事件处理函数的循环结束后逐一进行，诸如下例：

//事件处理函数
function btnInvoke_onclick() {
 for (var i = 0; i < 3; i++) {
     //循环
     Service.ServiceMethod(processRollBack);
     alert("test");
}
//回调函数
function processRollBack(result) {
     alert(result);
}