VS2008中使用JavaScript调用WebServices


Posted in Javascript onDecember 18, 2014

最近这几天任务完成了,也没什么重要的事情,抽空学习了一下WebServices的知识,感觉还是挺有意思,难度也不是很大。

首先,用VS2008创建一个asp.net网站

其次,项目 右键—>添加新项—>Web 服务   如下图:

VS2008中使用JavaScript调用WebServices

就会产生WebService.cs和WebService.asmx两个文件
在WebService.cs中添加代码:

using System;

using System.Collections.Generic;

using System.Linq;

using System.Web;

using System.Web.Services;

using System.Web.Script.Services;

/// <summary>

///WebService 的摘要说明

/// </summary>

[WebService(Namespace = "http://tempuri.org/")]

[WebServiceBinding(ConformsTo = WsiProfiles.BasicProfile1_1)]

//注意添加下面代码//

[ScriptService]

//若要允许使用 ASP.NET AJAX 从脚本中调用此 Web 服务,请取消对下行的注释。 

// [System.Web.Script.Services.ScriptService]

public class WebService : System.Web.Services.WebService

{

    public WebService()

    {

        //如果使用设计的组件,请取消注释以下行 

        //InitializeComponent(); 

    }

    [WebMethod]

    public string HelloWorld()

    {

        return "Hello World";

    }

    [WebMethod]

    public int GetSum(int a, int b)

    {

        int sum = a + b;

        return sum;

    }

}

Default.aspx页面

<%@ Page Language="C#" AutoEventWireup="true"  CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <title></title>

</head>

<script language="javascript">

    function Method(obj)

     {

        document.getElementById("txtSum").value = obj;

     }

     function Hello()

     {

         WebService.HelloWorld(backMethod);

     }

     function getSum()

     {

        var a,b;

        a = document.getElementById("txtA").value;

        b = document.getElementById("txtB").value;

        try

        {

            WebService.GetSum(a, b, Method);

        }

        catch(err)

        {

            alert(err.description);

        }

     }

</script>

<body>

    <form id="form1" runat="server">    

    <div>

        <asp:ScriptManager ID="ScriptManager1" runat="server">

            <Services>

                <asp:ServiceReference InlineScript="True" Path="WebService.asmx" />

            </Services>

        </asp:ScriptManager>

        <input type="button" id="btHello" value="Hello" onclick="Hello();" /><br />

        <input type="text" id="txtA" value="" />+

        <input type="text" id="txtB" value="" />=

        <input type="text" id="txtSum" value="" />

        <input type="button" id="btSum" value="求和" onclick="getSum();" /><br />

    </div>

    </form>

</body>

</html>

通过以上方法就可以轻松的调用WebService中的方法,WebService中也可以返回一个DataSet结果集。
后面还得继续学习WebService的知识。
如果大家有好的WebService学习的资料或者是网站的话,拿出来分享一下,以方便大家共同学习、交流。

Javascript 相关文章推荐
JavaScript CSS菜单功能 改进版
Dec 20 Javascript
javascript对talbe进行动态添加、删除、验证实现代码
Mar 29 Javascript
使用jquery.qrcode生成彩色二维码实例
Aug 08 Javascript
node.js中的events.emitter.removeListener方法使用说明
Dec 10 Javascript
javascript 获取浏览器版本
Jan 21 Javascript
javaScript基础语法介绍
Feb 28 Javascript
Bootstarp风格的toggle效果分享
Feb 23 Javascript
Bootstrap Validator 表单验证
Jul 25 Javascript
JavaScript定时器setTimeout()和setInterval()详解
Aug 18 Javascript
如何给element添加一个抽屉组件的方法步骤
Jul 14 Javascript
javascript设计模式 ? 组合模式原理与应用实例分析
Apr 14 Javascript
vue实现一个获取按键展示快捷键效果的Input组件
Jan 13 Vue.js
JavaScript中window.showModalDialog()用法详解
Dec 18 #Javascript
JavaScript获取网页、浏览器、屏幕高度和宽度汇总
Dec 18 #Javascript
Js使用WScript.Shell对象执行.bat文件和cmd命令
Dec 18 #Javascript
使用jQuery jqPlot插件绘制柱状图
Dec 18 #Javascript
什么是MEAN?JavaScript编程中的MEAN是什么意思?
Dec 18 #Javascript
使用JS获取当前地理位置方法汇总
Dec 18 #Javascript
node.js中的fs.chmodSync方法使用说明
Dec 18 #Javascript
You might like
人大复印资料处理程序_补充篇
2006/10/09 PHP
Zend Framework页面缓存实例
2014/06/25 PHP
2个比较经典的PHP加密解密函数分享
2014/07/01 PHP
jQuery插件-jRating评分插件源码分析及使用方法
2012/12/28 Javascript
window.showModalDialog参数传递中含有特殊字符的处理方法
2013/06/06 Javascript
JS 实现BASE64_ENCODE和BASE64_DECODE(实例代码)
2013/11/13 Javascript
一款由jquery实现的整屏切换特效
2014/09/15 Javascript
基于js对象,操作属性、方法详解
2016/08/11 Javascript
AngularJS模块详解及示例代码
2016/08/17 Javascript
js日期相关函数dateAdd,dateDiff,dateFormat等介绍
2016/09/24 Javascript
js 能实现监听F5页面刷新子iframe 而父页面不刷新的方法
2016/11/09 Javascript
Js apply方法详解
2017/02/16 Javascript
Vue响应式原理深入解析及注意事项
2017/12/11 Javascript
JS中实现隐藏部分姓名或者电话号码的代码
2018/07/17 Javascript
Node配合WebSocket做多文件下载以及进度回传
2019/11/07 Javascript
python发送邮件示例(支持中文邮件标题)
2014/02/16 Python
Python使用回溯法子集树模板获取最长公共子序列(LCS)的方法
2017/09/08 Python
python版本的仿windows计划任务工具
2018/04/30 Python
Python数据集切分实例
2018/12/08 Python
python计算阶乘和的方法(1!+2!+3!+...+n!)
2019/02/01 Python
pycharm+PyQt5+python最新开发环境配置(踩坑)
2019/02/11 Python
windows支持哪个版本的python
2020/07/03 Python
详解python模块pychartdir安装及导入问题
2020/10/22 Python
HTML5开发动态音频图的实现
2020/07/02 HTML / CSS
世界上最好的旅行夹克:BauBax
2018/12/23 全球购物
链表面试题-一个链表的结点结构
2015/05/04 面试题
演讲比赛获奖感言
2014/02/02 职场文书
写好自荐信需做到的5要点
2014/03/07 职场文书
法律七进实施方案
2014/03/15 职场文书
有趣的广告词
2014/03/18 职场文书
项目合作协议书
2014/09/23 职场文书
党员批评与自我批评范文
2014/09/23 职场文书
街道党工委党的群众路线教育实践活动对照检查材料思想汇报
2014/10/05 职场文书
2015年档案管理工作总结
2015/04/08 职场文书
检讨书格式
2019/04/25 职场文书
Python绘制地图神器folium的新人入门指南
2021/05/23 Python