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脚本函数库 方便开发
Oct 13 Javascript
用JavaScript对JSON进行模式匹配 (Part 2 - 实现)
Jul 17 Javascript
JS实现标签页效果(配合css)
Apr 03 Javascript
JSON 数字排序多字段排序介绍
Sep 18 Javascript
利用JQuery和Servlet实现跨域提交请求示例分享
Feb 12 Javascript
javascript实现简单的贪吃蛇游戏
Mar 31 Javascript
Javascript类型系统之String字符串类型详解
Jun 21 Javascript
jQuery实现文章图片弹出放大效果
Apr 06 jQuery
jQuery EasyUI 为Combo,Combobox添加清除值功能的实例
Apr 13 jQuery
Bootstrap与Angularjs的模态框实例代码
Aug 03 Javascript
用 Vue.js 递归组件实现可折叠的树形菜单(demo)
Dec 25 Javascript
JS实现电话号码的字母组合算法示例
Feb 26 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中的CMS的涵义
2007/03/11 PHP
php include的妙用,实现路径加密
2008/07/29 PHP
批量修改RAR文件注释的php代码
2010/11/20 PHP
php自动加载机制的深入分析
2013/06/08 PHP
深入掌握include_once与require_once的区别
2013/06/17 PHP
PHP内核探索:哈希表碰撞攻击原理
2015/07/31 PHP
php的闭包(Closure)匿名函数初探
2016/02/14 PHP
浅谈PHP中关于foreach使用引用变量的坑
2016/11/14 PHP
Symfony查询方法实例小结
2017/06/28 PHP
yii2中关于加密解密的那些事儿
2018/06/12 PHP
ASP.NET jQuery 实例15 通过控件CustomValidator验证CheckBoxList
2012/02/03 Javascript
JQuery radio(单选按钮)操作方法汇总
2015/04/15 Javascript
JavaScript实现身份证验证代码
2016/02/17 Javascript
搞定immutable.js详细说明
2016/05/02 Javascript
jQuery简单实现tab选项卡切换效果
2016/06/20 Javascript
jQuery实现的无缝广告图片左右滚动功能详解
2016/12/24 Javascript
node.js发送邮件email的方法详解
2017/01/06 Javascript
vue+node+webpack环境搭建教程
2017/11/05 Javascript
JS运动特效之任意值添加运动的方法分析
2018/01/24 Javascript
jQuery ajax仿Google自动提示SearchSuggess功能示例
2019/03/28 jQuery
taro小程序添加骨架屏的实现代码
2019/11/15 Javascript
压缩Vue.js打包后的体积方法总结(Vue.js打包后体积过大问题)
2020/02/03 Javascript
python根据日期返回星期几的方法
2015/07/06 Python
python字典多键值及重复键值的使用方法(详解)
2016/10/31 Python
Python探索之静态方法和类方法的区别详解
2017/10/27 Python
Python数据结构之栈、队列及二叉树定义与用法浅析
2018/12/27 Python
Python自定义函数计算给定日期是该年第几天的方法示例
2019/05/30 Python
Python开发之基于模板匹配的信用卡数字识别功能
2020/01/13 Python
windows、linux下打包Python3程序详细方法
2020/03/17 Python
django实现更改数据库某个字段以及字段段内数据
2020/03/31 Python
阿迪达斯奥地利官方商城:adidas.at
2016/10/16 全球购物
美国专营婴幼儿用品的购物网站:buybuy BABY
2017/01/01 全球购物
美国杰西潘尼官网:JCPenney
2019/06/12 全球购物
八年级音乐教学反思
2014/01/09 职场文书
Django利用AJAX技术实现博文实时搜索
2021/05/06 Python
浅谈mysql执行过程以及顺序
2021/05/12 MySQL