<td id="d1i4a"></td>^{<noscript id="d1i4a"></noscript>}

NET-使用Js調用WebService

2019-11-17 03:50:40

字體：大中小

來源：轉載

供稿：網友

最近身邊的一個朋友做項目，其中有一個模塊需求要求使用js去調用webService，讓我幫著想想招，因為以前卻實沒有這么做過。經過大約一個小時的測試，成功了。發現這個東東寫出來之后是這么簡單。當初是我想復雜了。分享一下測試時寫的代碼，希望對大家有所幫助。

WebService文件內容

代碼
using System;using System.Web;using System.Collections;using System.Collections.Generic;using System.Web.Services;using System.Web.Services.PRotocols;using System.Web.UI.MobileControls;/// <summary>/// JsWebService 的摘要說明/// </summary>[WebService(Namespace = "http://tempuri.org/")][WebServiceBinding(ConformsTo = Wsiprofiles.BasicProfile1_1)][System.Web.Script.Services.ScriptService]public class JsWebService : System.Web.Services.WebService{ public JsWebService() { //如果使用設計的組件，請取消注釋以下行 //InitializeComponent(); } [WebMethod] public string GetString() { return "GetString"; } [WebMethod] public string GetString(string name) { return string.Format("{0}歡迎您的到來!", name); } [WebMethod] public List<string> GetList() { List<string> listStr = new List<string>(); for (int i = 0; i < 10; i++) { listStr.Add("test" + i); } return listStr; } [WebMethod] public List<JsWebServiceObject> GetObjectList() { List<JsWebServiceObject> objs = new List<JsWebServiceObject>(); for (int i = 0; i < 10; i++) { JsWebServiceObject obj = new JsWebServiceObject("name" + i, i + 20); objs.Add(obj); } return objs; }}

調用WebService的aspx頁面代碼

代碼
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head runat="server"> <title>Js調用WebService</title> <script type="text/javascript"> function GetString() { JsWebService.GetString(GetStringCallBack); //在WebService中調用方法，并設置回調函數 } function GetStringCallBack(result) { alert(result); } function GetStringParam(name) { JsWebService.GetString(name,GetStringParamCallBack); //在WebService中調用方法，并設置回調函數，如果此方法中帶有參數則在回調函數前加入此參數。 } function GetStringParamCallBack(result) { alert(result); } function GetList() { JsWebService.GetList(GetListCallBack); } function GetListCallBack(result) { if(result.length!=0) { for(var i=0;i<result.length;i++) { document.getElementById("contentDivGetList").innerHTML += result[i] + "<br/>"; } } } function GetObjectList() { JsWebService.GetObjectList(GetObjectListCallBack); } function GetObjectListCallBack(result) { if(result.length!=0) { for(var i=0;i<result.length;i++) { document.getElementById("contentDivGetObjectList").innerHTML += "姓名:" + result[i].Name + " 年齡:" + result[i].Age + "<br/>"; } } } </script></head><body> <form id="form1" runat="server"> <asp:ScriptManager ID="smJs" runat="server" > <Services> <asp:ServiceReference Path="WebService/JsWebService.asmx" /> </Services> </asp:ScriptManager> <div> <input type="button" name="btnJsWebService" value="GetString" onclick="GetString()" /> <input type="button" name="butJsWebService" value="GetList" onclick="GetList()" /> <input type="button" name="butJsWebService" value="GetObjectList" onclick="GetObjectList()" /> <input type="button" name="butJsWebService" value="GetStringParam" onclick="GetStringParam('js調用WebService')" /> <div id="contentDivGetList"></div> <div id="contentDivGetObjectList"></div> </div> </form></body></html>

上一篇：有關httpContext.Current.Session[值] 取值的問題

下一篇：數組排序方法的性能比較（2）：Array.Sort實現分析