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 相关文章推荐
取得传值的函数
Oct 27 Javascript
CSS JavaScript 实现菜单功能 改进版
Dec 09 Javascript
jQuery ul标签下拉菜单演示代码
Dec 11 Javascript
jquery+ajax每秒向后台发送请求数据然后返回页面的代码
Jan 17 Javascript
ff下JQuery无法监听input的keyup事件的解决方法
Dec 12 Javascript
jquery中子元素和后代元素的区别示例介绍
Apr 02 Javascript
js脚本获取webform服务器控件的方法
May 16 Javascript
JQuery显示隐藏DIV的方法及代码实例
Apr 16 Javascript
基于Vuejs实现购物车功能
Aug 02 Javascript
canvas实现图片根据滑块放大缩小效果
Feb 24 Javascript
less简单入门(CSS 预处理语言)
Mar 08 Javascript
详解async/await 异步应用的常用场景
May 13 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/21 PHP
php常用数学函数汇总
2014/11/21 PHP
JavaScript中this关键字使用方法详解
2007/03/08 Javascript
Prototype Function对象 学习
2009/07/12 Javascript
对采用动态原型方式无法展示继承机制得思考
2009/12/04 Javascript
再谈Jquery Ajax方法传递到action(补充)
2014/05/12 Javascript
node.js学习总结之调式代码的方法
2014/06/25 Javascript
推荐8款jQuery轻量级树形Tree插件
2014/11/12 Javascript
详解Node.js模块间共享数据库连接的方法
2016/05/24 Javascript
JQuery在循环中绑定事件的问题详解
2016/06/02 Javascript
基于jPlayer三分屏的制作方法
2016/12/21 Javascript
JS传参及动态修改页面布局
2017/04/13 Javascript
React进阶学习之组件的解耦之道
2017/08/07 Javascript
JS 实现百度搜索功能
2018/02/01 Javascript
JS扩展String.prototype.format字符串拼接的功能
2018/03/09 Javascript
js闭包学习心得总结
2018/04/17 Javascript
nodeJS服务器的创建和重新启动的实现方法
2018/05/12 NodeJs
微信小程序登录换取token的教程
2018/05/31 Javascript
在微信小程序中保存网络图片
2019/02/12 Javascript
Python多进程同步简单实现代码
2016/04/27 Python
Python的socket模块源码中的一些实现要点分析
2016/06/06 Python
Python 实现12306登录功能实例代码
2018/02/09 Python
python获取命令行输入参数列表的实例代码
2018/06/23 Python
Tensorflow 合并通道及加载子模型的方法
2018/07/26 Python
Python3 批量扫描端口的例子
2019/07/25 Python
python psutil监控进程实例
2019/12/17 Python
详解CSS3+JS完美实现放大镜模式
2020/12/03 HTML / CSS
新任教师自我鉴定
2014/02/24 职场文书
会计岗位职责
2015/02/03 职场文书
地球一小时活动总结
2015/02/27 职场文书
自主招生自荐信怎么写
2015/03/24 职场文书
2015年物业管理工作总结
2015/04/23 职场文书
小鞋子观后感
2015/06/05 职场文书
入学证明
2015/06/23 职场文书
2015年教务主任工作总结
2015/07/22 职场文书
劳务派遣管理制度(样本)
2019/08/23 职场文书