使用Js调用WebService 【转】
2010-01-27 10:03
351 查看
最近身边的一个朋友做项目,其中有一个模块需求要求使用js去调用webService,让我帮着想想招,因为以前却实没有这么做过。经过大约一个小时的测试,成功了。发现这个东东写出来之后是这么简单。当初是我想复杂了。分享一下测试时写的代码,希望对大家有所帮助。
WebService文件内容
代码
WebService文件内容
代码
<%@ 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>
相关文章推荐
- 使用JS调用WebService
- 使用js调用webservice的示例
- JS使用AJAX调用.net WebService
- 收集的js调用webservice的例子 【学习使用】
- NET-使用Js调用WebService
- 使用JS调用WebService示例
- NET-使用Js调用WebService
- webservice跨域文件,好多年前的东西,远程调用,js服务器端使用,可以远程调用
- NET-使用Js调用WebService
- 使用Js调用WebService
- Salesforce 使用Js 调用Webservice实例
- NET-使用Js调用WebService
- js调用ajax以及JSON.parse()与JSON.stringify()的使用
- 使用ASP调用WebService时要注意的问题(修正)
- excel宏调用webservice使用存储过程同步excel数据的方法
- 使用vs2005 webservice 创建,部署,调用的简单实例
- 在Android 中使用KSOAP2调用WebService
- 在Android 中使用KSOAP2调用WebService
- 关于使用axis调用webservice接口方法
- WebView使用总结(应用函数与JS函数互相调用)