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 相关文章推荐
JQuery 动画卷页 返回顶部 动画特效(兼容Chrome)
Feb 15 Javascript
jquery中对表单的基本操作代码
Jul 29 Javascript
jQuery UI AutoComplete 使用说明
Jun 20 Javascript
关于图片按比例自适应缩放的js代码
Oct 30 Javascript
JS字符串处理实例代码
Aug 05 Javascript
JavaScript实现清空(重置)文件类型INPUT元素值的方法
Nov 17 Javascript
简单理解js的冒泡排序
Dec 19 Javascript
Javascript中的getter和setter初识
Aug 17 Javascript
解决微信小程序防止无法回到主页的问题
Sep 28 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 Javascript
详解elementUI中input框无法输入的问题
Apr 27 Javascript
字节飞书面试promise.all实现示例
Jun 16 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写的采集程序
2007/03/16 PHP
php中base64_decode与base64_encode加密解密函数实例
2014/11/24 PHP
Yii2超好用的日期和时间组件(值得收藏)
2016/05/05 PHP
innerHTML 和 getElementsByName 在IE下面的bug 的解决
2010/04/09 Javascript
javascript生成随机颜色示例代码
2014/05/05 Javascript
javascript中JSON对象与JSON字符串相互转换实例
2015/07/11 Javascript
jQuery on()方法示例及jquery on()方法的优点
2015/08/27 Javascript
jQuery实现的超简单点赞效果实例分析
2015/12/31 Javascript
node.js连接mongoDB数据库 快速搭建自己的web服务
2016/04/17 Javascript
详解JavaScript实现设计模式中的适配器模式的方法
2016/05/18 Javascript
JavaScript制作颜色反转小游戏
2016/09/25 Javascript
Bootstrap如何创建表单
2016/10/21 Javascript
Node.js中多进程模块Cluster的介绍与使用
2017/05/27 Javascript
详解angularjs的数组传参方式的简单实现
2017/07/28 Javascript
谈谈JavaScript中super(props)的重要性
2019/02/12 Javascript
vue路由 遍历生成复数router-link的例子
2019/10/30 Javascript
vue+elementUi 实现密码显示/隐藏+小图标变化功能
2020/01/18 Javascript
JavaScript如何实现监听键盘输入和鼠标监点击
2020/07/20 Javascript
Vue 实现对quill-editor组件中的工具栏添加title
2020/08/03 Javascript
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
Python实现的三层BP神经网络算法示例
2018/02/07 Python
Python实现的连接mssql数据库操作示例
2018/08/17 Python
python输入整条数据分割存入数组的方法
2018/11/13 Python
python导包的几种方法(自定义包的生成以及导入详解)
2019/07/15 Python
python cumsum函数的具体使用
2019/07/29 Python
Python pip安装模块提示错误解决方案
2020/05/22 Python
Css3+Js制作漂亮时钟(附源码)
2013/04/24 HTML / CSS
详解CSS3 filter:drop-shadow滤镜与box-shadow区别与应用
2020/08/24 HTML / CSS
Canvas globalCompositeOperation
2018/12/18 HTML / CSS
Nicole Miller官方网站:纽约女装品牌
2019/09/14 全球购物
CheapTickets泰国:廉价航班,查看促销价格并预订机票
2019/12/28 全球购物
eHarmony英国:全球领先的认真恋爱约会平台之一
2020/11/16 全球购物
心碎乌托邦的创业计划书范文
2013/12/26 职场文书
小学教师自我鉴定范文
2014/03/20 职场文书
《金钱的魔力》教学反思
2016/02/20 职场文书
​(迎国庆)作文之我爱我的祖国
2019/09/19 职场文书