网站导航网学 原创论文 原创专题 网站设计 最新系统 原创论文 论文降重 发表论文 论文发表 UI设计定制 论文答辩PPT格式排版 期刊发表 论文专题
返回网学首页
网学原创论文
最新论文 推荐专题 热门论文 论文专题
当前位置: 网学 > 设计资源 > .Net编程 > 正文

.NET中使用Js调用WebService

论文降重修改服务、格式排版等 获取论文 论文降重及排版 论文发表 相关服务

最近身边的一个朋友做项目,其中有一个模块需求要求使用js去调用webService,让我帮着想想招,因为以前却实没有这么做过。经过大约一个小时的测试,成功了。发现这个东东写出来之后是这么简单。当初是我想复杂了。分享一下测试时写的代码,希望对大家有所帮助。

WebService文件内容

  1. using System; 
  2. using System.Web; 
  3. using System.Collections; 
  4. using System.Collections.Generic; 
  5. using System.Web.Services; 
  6. using System.Web.Services.Protocols; 
  7. using System.Web.UI.MobileControls; 
  8.  
  9.  
  10. /// <summary> 
  11. /// JsWebService 的摘要说明 
  12. /// </summary> 
  13. [WebService(Namespace = "http://tempuri.org/")] 
  14. [WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)] 
  15. [System.Web.Script.Services.ScriptService] 
  16. public class JsWebService : System.Web.Services.WebService 
  17.  
  18.     public JsWebService() 
  19.     { 
  20.  
  21.         //如果使用设计的组件,请取消注释以下行  
  22.         //InitializeComponent();  
  23.     } 
  24.  
  25.     [WebMethod] 
  26.     public string GetString() 
  27.     { 
  28.         return "GetString"
  29.     } 
  30.  
  31.     [WebMethod] 
  32.     public string GetString(string name) 
  33.     { 
  34.         return string.Format("{0}欢迎您的到来!", name); 
  35.     } 
  36.  
  37.     [WebMethod] 
  38.     public List<string> GetList() 
  39.     { 
  40.         List<string> listStr = new List<string>(); 
  41.         for (int i = 0; i < 10; i++) 
  42.         { 
  43.             listStr.Add("test" + i); 
  44.         } 
  45.         return listStr; 
  46.     } 
  47.      
  48.     [WebMethod] 
  49.     public List<JsWebServiceObject> GetObjectList() 
  50.     { 
  51.         List<JsWebServiceObject> objs = new List<JsWebServiceObject>(); 
  52.         for (int i = 0; i < 10; i++) 
  53.         { 
  54.             JsWebServiceObject obj = new JsWebServiceObject("name" + i, i + 20); 
  55.             objs.Add(obj); 
  56.         } 
  57.         return objs; 
  58.     } 
  59.  

调用WebService的aspx页面代码

  1. <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %> 
  2.  
  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> 
  4. <html xmlns="http://www.w3.org/1999/xhtml"> 
  5. <head runat="server"> 
  6.     <title>Js调用WebService</title> 
  7.     <script type="text/javascript"> 
  8.         function GetString() 
  9.         { 
  10.             JsWebService.GetString(GetStringCallBack);  //在WebService中调用方法,并设置回调函数 
  11.         } 
  12.         function GetStringCallBack(result)   
  13.         { 
  14.             alert(result); 
  15.         } 
  16.          
  17.         function GetStringParam(name) 
  18.         { 
  19.             JsWebService.GetString(name,GetStringParamCallBack);  //在WebService中调用方法,并设置回调函数,如果此方法中带有参数则在回调函数前加入此参数。 
  20.         } 
  21.         function GetStringParamCallBack(result) 
  22.         { 
  23.             alert(result); 
  24.         } 
  25.          
  26.         function GetList() 
  27.         { 
  28.             JsWebService.GetList(GetListCallBack); 
  29.         } 
  30.         function GetListCallBack(result) 
  31.         { 
  32.             if(result.length!=0) 
  33.             { 
  34.                 for(var i=0;i<result.length;i++) 
  35.                 { 
  36.                     document.getElementById("contentDivGetList").innerHTML += result[i] + "<br/>"; 
  37.                 } 
  38.             } 
  39.         } 
  40.          
  41.         function GetObjectList() 
  42.         { 
  43.             JsWebService.GetObjectList(GetObjectListCallBack); 
  44.         } 
  45.         function GetObjectListCallBack(result) 
  46.         { 
  47.             if(result.length!=0) 
  48.             { 
  49.                 for(var i=0;i<result.length;i++) 
  50.                 { 
  51.                     document.getElementById("contentDivGetObjectList").innerHTML += "姓名:" + result[i].Name + "  年龄:" + result[i].Age + "<br/>"; 
  52.                 } 
  53.             } 
  54.         } 
  55.          
  56.     </script> 
  57. </head> 
  58. <body> 
  59.     <form id="form1" runat="server"> 
  60.      
  61.         <asp:ScriptManager ID="smJs" runat="server" > 
  62.             <Services> 
  63.                 <asp:ServiceReference Path="WebService/JsWebService.asmx" /> 
  64.             </Services> 
  65.         </asp:ScriptManager> 
  66.          
  67.         <div> 
  68.          
  69.             <input type="button" name="btnJsWebService" value="GetString" onclick="GetString()" /> 
  70.             <input type="button" name="butJsWebService" value="GetList" onclick="GetList()" /> 
  71.             <input type="button" name="butJsWebService" value="GetObjectList" onclick="GetObjectList()" /> 
  72.             <input type="button" name="butJsWebService" value="GetStringParam" onclick="GetStringParam('js调用WebService')" /> 
  73.              
  74.             <div id="contentDivGetList"></div> 
  75.             <div id="contentDivGetObjectList"></div> 
  76.              
  77.         </div> 
  78.     </form> 
  79. </body> 
  80. </html> 
  • 下一篇资讯: C#查找字符串截取函数
  • 设为首页 | 加入收藏 | 网学首页 | 原创论文 | 计算机原创
    版权所有 网学网 [Myeducs.cn] 您电脑的分辨率是 像素
    Copyright 2008-2020 myeducs.Cn www.myeducs.Cn All Rights Reserved 湘ICP备09003080号 常年法律顾问:王律师