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 相关文章推荐
Code: write(s,d) 输出连续字符串
Aug 19 Javascript
关于IE7 IE8弹出窗口顶上
Dec 22 Javascript
javascript 避免闭包引发的问题
Mar 17 Javascript
JavaScript获取GridView选择的行内容
Apr 14 Javascript
javascript 面向对象全新理练之数据的封装
Dec 03 Javascript
用unescape反编码得出汉字示例
Apr 24 Javascript
JavaScript的Number对象的toString()方法
Dec 18 Javascript
jQuery+Ajax+PHP弹出层异步登录效果(附源码下载)
May 27 Javascript
AngularJS学习第一篇 AngularJS基础知识
Feb 13 Javascript
vue使用微信JS-SDK实现分享功能
Aug 23 Javascript
vue跳转方式(打开新页面)及传参操作示例
Jan 26 Javascript
js实现手表表盘时钟与圆周运动
Sep 18 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数据流应用的简单例子
2012/06/01 PHP
php中字符查找函数strpos、strrchr与strpbrk用法
2014/11/18 PHP
分享一段PHP制作的中文拼音首字母工具类
2014/12/11 PHP
php绘制一条直线的方法
2015/01/24 PHP
php实现对短信验证码发送次数的限制实例讲解
2021/03/04 PHP
用JavaScript隐藏控件的方法
2009/09/21 Javascript
JavaScript Object的extend是一个常用的功能
2009/12/02 Javascript
javascript与CSS复习(二)
2010/06/29 Javascript
基于jquery的自定义鼠标提示效果 jquery.toolTip
2010/11/14 Javascript
js控制滚动条缓慢滚动到顶部实现代码
2013/03/20 Javascript
js和jquery如何获取图片真实的宽度和高度
2014/09/28 Javascript
ie8模式下click无反应点击option无反应的解决方法
2014/10/11 Javascript
jQuery+AJAX实现无刷新下拉加载更多
2015/07/03 Javascript
js实现3D图片展示效果
2017/03/09 Javascript
深入学习nodejs中的async模块的使用方法
2017/07/12 NodeJs
使用vue-route 的 beforeEach 实现导航守卫(路由跳转前验证登录)功能
2018/03/22 Javascript
Vue绑定内联样式问题
2018/10/17 Javascript
如何实现一个简易版的vuex持久化工具
2019/09/11 Javascript
javascript设计模式 ? 观察者模式原理与用法实例分析
2020/04/22 Javascript
JS使用setInterval计时器实现挑战10秒
2020/11/08 Javascript
Python实现优先级队列结构的方法详解
2016/06/02 Python
Python函数参数操作详解
2018/08/03 Python
Python爬虫beautifulsoup4常用的解析方法总结
2019/02/25 Python
python学生信息管理系统实现代码
2019/12/17 Python
Python selenium抓取虎牙短视频代码实例
2020/03/02 Python
Django+Uwsgi+Nginx如何实现生产环境部署
2020/07/31 Python
Willer台湾:日本高速巴士/夜行巴士预约
2017/07/09 全球购物
意大利包包和行李箱销售网站:Bagaglio.it
2021/03/02 全球购物
Kingsoft金山公司C/C++笔试题
2016/05/10 面试题
优秀通讯员事迹材料
2014/01/28 职场文书
聚美优品广告词改编
2014/03/14 职场文书
庆六一开幕词
2015/01/29 职场文书
教师个人师德工作总结2015
2015/05/12 职场文书
导游词之无锡华莱坞
2019/12/02 职场文书
浅谈Python数学建模之整数规划
2021/06/23 Python
Python基础 括号()[]{}的详解
2021/11/07 Python