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 相关文章推荐
js中cookie的添加、取值、删除示例代码
Oct 21 Javascript
jQuery.lazyload+masonry改良图片瀑布流代码
Jun 20 Javascript
js对象的复制继承实例
Jan 10 Javascript
详解jQuery向动态生成的内容添加事件响应jQuery live()方法
Nov 02 Javascript
浅谈js键盘事件全面控制
Dec 01 Javascript
微信小程序 功能函数小结(手机号验证*、密码验证*、获取验证码*)
Dec 08 Javascript
jQuery实现的简单手风琴效果示例
Aug 29 jQuery
jQuery事件多次绑定与解绑问题实例分析
Feb 19 jQuery
javascript+css实现进度条效果
Mar 25 Javascript
vue自定义指令限制输入框输入值的步骤与完整代码
Aug 30 Javascript
全网小程序接口请求封装实例代码
Nov 06 Javascript
EXTJS7实现点击拖拉选择文本
Dec 17 Javascript
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
用PHP函数解决SQL injection
2006/10/09 PHP
php检测图片木马多进制编程实践
2013/04/11 PHP
网站页面自动跳转实现方法PHP、JSP(上)
2010/08/01 Javascript
在浏览器窗口上添加遮罩层的方法
2012/11/12 Javascript
ExtJS4中使用mixins实现多继承示例
2013/12/03 Javascript
JavaScript内存管理介绍
2015/03/13 Javascript
jquery.validate[.unobtrusive]和Bootstrap实现tooltip错误提示问题分析
2016/10/30 Javascript
jquery hover 不停闪动问题的解决方法(亦为stop()的使用)
2017/02/10 Javascript
微信小程序商品到详情的实现
2017/06/27 Javascript
详解利用jsx写vue组件的方法示例
2017/07/17 Javascript
layui的table单击行勾选checkbox功能方法
2018/08/14 Javascript
LayerClose弹窗关闭刷新方法
2018/08/17 Javascript
React 路由懒加载的几种实现方案
2018/10/23 Javascript
详解vue开发中调用微信jssdk的问题
2019/04/16 Javascript
vue 实现 rem 布局或vw 布局的方法
2019/11/13 Javascript
[48:02]Ti4循环赛第三日 VG vs Liquid和NEWBEE vs DK
2014/07/12 DOTA
python的绘图工具matplotlib使用实例
2014/07/03 Python
Python3中的真除和Floor除法用法分析
2016/03/16 Python
Django实现学员管理系统
2019/02/26 Python
Python解析json时提示“string indices must be integers”问题解决方法
2019/07/31 Python
Django如何实现上传图片功能
2019/08/16 Python
python requests更换代理适用于IP频率限制的方法
2019/08/21 Python
pytorch实现seq2seq时对loss进行mask的方式
2020/02/18 Python
CSS3教程(5):网页背景图片
2009/04/02 HTML / CSS
HTML5 离线应用之打造零请求、无流量网站的解决方法
2013/04/25 HTML / CSS
YOOX美国官方网站:全球著名的多品牌时尚网络概念店
2016/09/11 全球购物
博朗(Braun)俄罗斯官方商店:德国小家电品牌
2019/09/24 全球购物
信用社实习人员自我鉴定
2013/09/20 职场文书
审核会计岗位职责
2013/11/08 职场文书
大型演出策划方案
2014/05/28 职场文书
小学优秀教师先进事迹材料
2014/12/16 职场文书
毕业论文指导教师评语
2014/12/30 职场文书
利用前端HTML+CSS+JS开发简单的TODOLIST功能(记事本)
2021/04/13 Javascript
CSS3 制作的书本翻页特效
2021/04/13 HTML / CSS
Redis安装启动及常见数据类型
2021/04/14 Redis
Python快速优雅的批量修改Word文档样式
2021/05/20 Python