环境:VS2005 并在http://ajax.asp.net/default.aspx?tabid=47&subtabid=471下载安装ASP.NET AJAX 1.0 Beta 2
效果:

步骤:
         1。在新建网站中新建一个ASP.NET AJAX-Enabled Web Site;
         2。添加MyService.asmx,系统自动创建了Default.aspx;

Default.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>Untitled Page</title>
</head>
<script type="text/javascript" language="JavaScript">
    function Sum() 
    {
        document.getElementById('button1').value="等于";
        document.getElementById('button2').value="减";
        document.getElementById('button3').value="乘";
        document.getElementById('button4').value="除";
        requestSimpleService = MyService.GetSum(document.getElementById('input1').value,document.getElementById('input2').value, OnRequestComplete);
        return false;
    }
    function Diff() 
    {
        document.getElementById('button1').value="加";
        document.getElementById('button2').value="等于";
        document.getElementById('button3').value="乘";
        document.getElementById('button4').value="除";
        requestSimpleService = MyService.GetDiff(document.getElementById('input3').value,document.getElementById('input4').value, OnRequestComplete);
        return false;
    }
    function Mul() 
    {
        document.getElementById('button1').value="加";
        document.getElementById('button2').value="减";
        document.getElementById('button3').value="等于";
        document.getElementById('button4').value="除";
        requestSimpleService = MyService.GetMul(document.getElementById('input5').value,document.getElementById('input6').value, OnRequestComplete);
        return false;
    }
    function Quotient() 
    {
        document.getElementById('button1').value="加";
        document.getElementById('button2').value="减";
        document.getElementById('button3').value="乘";
        document.getElementById('button4').value="等于";
        requestSimpleService = MyService.GetQuotient(document.getElementById('input7').value,document.getElementById('input8').value, OnRequestComplete);
        return false;
    }
    function OnRequestComplete(result) 
    {
      document.getElementById('Flag').innerHTML=result;
      //alert(result);
    }
</script>

<body>
    <form id="form1" runat="server">
    <asp:scriptmanager ID="Scriptmanager1" runat="server">
        <Services>
            <asp:ServiceReference  Path="MyService.asmx"/>
        </Services>
    </asp:scriptmanager>
        <table border="0" cellspacing="3" bgcolor="#898989">
            <tr bgcolor="#e9e9e9">
                <td>
                    <input type="text" id="input1" size="20" /></td>
                <td align="center">
                    +</td>
                <td>
                    <input type="text" id="input2" size="20" /></td>
                <td style="width: 25px">
        <input id="button1" type="button" value="和" onclick="return Sum()" /></td>
                <td rowspan="4" style="width: 25px">  <label id="Flag" style="color:Red;"></label>
                </td>
            </tr>
            <tr bgcolor="#e9e9e9">
                <td>
                    <input type="text" id="input3" size="20" /></td>
                <td align="center">
                    -</td>
                <td>
                    <input type="text" id="input4" size="20" /></td>
                <td style="width: 25px">  <input id="button2" type="button" value="减" onclick="return Diff()" />
                </td>
            </tr>
            <tr bgcolor="#e9e9e9">
                <td>
                    <input type="text" id="input5" size="20" /></td>
                <td align="center">
                    *</td>
                <td>
                    <input type="text" id="input6" size="20" /></td>
                <td style="width: 25px"><input id="button3" type="button" value="乘" onclick="return Mul()" />
                </td>
            </tr>
            <tr bgcolor="#e9e9e9">
                <td>
                    <input type="text" id="input7" size="20" /></td>
                <td align="center">
                    /</td>
                <td>
                    <input type="text" id="input8" size="20" /></td>
                <td style="width: 25px"><input id="button4" type="button" value="除" onclick="return Quotient()" />
                </td>
            </tr>
        </table>
    </form>
</body>
</html>
MyService.cs
using System;
using System.Web;
using System.Collections;
using System.Web.Services;
using System.Web.Services.Protocols;


/**//// <summary>
/// MyService 的摘要说明
/// </summary>
[Microsoft.Web.Script.Services.ScriptService]
public class MyService : System.Web.Services.WebService {

    public MyService () {

        //如果使用设计的组件,请取消注释以下行 
        //InitializeComponent(); 
    }

    [WebMethod]
    public string GetSum(string a, string b)
    {
        double num1, num2;
        try
        {
            num1 = Convert.ToDouble(a);
            num2 = Convert.ToDouble(b);
            return (num1 + num2).ToString();
        }
        catch
        {
            return "请输入数字";
        }

    }
    [WebMethod]
    public string GetQuotient(string a, string b)
    {
        double num1, num2;
        try
        {
            num1 = Convert.ToDouble(a);
            num2 = Convert.ToDouble(b);
            if (num2 == 0)
            {
                return "被除数不能为零";
            }
            else
                return Math.Round(num1 / num2, 2).ToString();
        }
        catch
        {
            return "请输入数字";
        }
    }
    [WebMethod]
    public string GetDiff(string a, string b)
    {
        double num1, num2;
        try
        {
            num1 = Convert.ToDouble(a);
            num2 = Convert.ToDouble(b);
            return (num1 - num2).ToString();
        }
        catch
        {
            return "请输入数字";
        }

    }
    [WebMethod]
    public string GetMul(string a, string b)
    {
        double num1, num2;
        try
        {
            num1 = Convert.ToDouble(a);
            num2 = Convert.ToDouble(b);
            return (num1 * num2).ToString();
        }
        catch
        {
            return "请输入数字";
        }

    }
    
}

研究Ajax(二)WebService实现加 减 乘 除相关推荐

  1. jquery 时间相减获取天数_Js中处理日期加减天数

    Js的处理日期还是很方便的. 一. 格式化日期为2017-07-04的格式 function formatTime(date) { var year = date.getFullYear(); var ...

  2. 加加减减的奥秘——从数学到魔术的思考(二)

    爱学习,勤思考:学数学,玩魔术 在上一篇文章中(参见公众号历史消息或菜单栏,传送门:加加减减的奥秘--从数学到魔术的思考(一)),我们详细介绍了人类计数的发展史的开端:整数的出现和加减运算的诞生,他们 ...

  3. ORACLE表格操作图文教学二(分组去重、计数、加减、多表)

    禁止转载! oracle用户操作一(登录,创建用户.表空间.创建新表):传送门 普通的增.删.改.查咱们就不介绍了哈~,还有一些情况下能用的暂时想不到,后续三里面想到了继续记录,附上了自己创建的几个表 ...

  4. 运算放大器实现多路同向反向加减运算电路公式推导(二)

    目录 多路反向加法电路 加减电路 四路加减电路 word链接 :运算放大器实现多路同向反向加减运算电路公式推导 多路反向加法电路

  5. db2 日期加减一天_常用SQL系列之(八):列值累计、占比、平均值以及日期运算等...

    本系统为@牛旦教育IT课堂在微头条上发布的内容,为便于查阅,特辑录于此,都是常用SQL基本用法. 前两篇连接: (一):SQL点滴(查询篇):数据库基础查询案例实战 (二):SQL点滴(排序篇):数据 ...

  6. android控制音量加减命令 python_盘点5种基于Python生成的个性化语音方法

    腾讯课堂 | Python网络爬虫与文本分析(戳一戳)~~ 小编在很小的时候就特别喜欢搞怪,模仿别人的声音,尤其是老头老太太模仿的那是一个出神入化. 今天小编就带大家模仿一下个性化的声音,不过不是用小 ...

  7. 加加减减的奥秘——从数学到魔术的思考(三)

    爱学习,勤思考:学数学,玩魔术 在前面两期的系列文章中,(见公众号历史消息或菜单)传送门: 加加减减的奥秘--从数学到魔术的思考(一) 加加减减的奥秘--从数学到魔术的思考(二) 我们已经从数学原理的 ...

  8. 加加减减的奥秘——从数学到魔术的思考(一)

    在前面的<reverse原理的魔幻艺术>)(可查看:Reverse原理背后的数学和魔幻艺术)一文中,我们提到了扑克牌的基础手法dealing,等价于取序列的头部进行reverse这一对称函 ...

  9. greenplum 查询出来的数字加减日期_常用SQL系列之(八):列值累计、占比、平均值以及日期运算等

    本系统为@牛旦教育IT课堂在微头条上发布的内容,为便于查阅,特辑录于此,都是常用SQL基本用法. 前两篇连接: (一):SQL点滴(查询篇):数据库基础查询案例实战 (二):SQL点滴(排序篇):数据 ...

最新文章

  1. python的六大数据类型中可以改变的数据类型为_Python中数据类型转换
  2. matlab模块 python,Matlab 和Python结合使用
  3. python 快速排名发包_2020年SEO快速排名发包技术及原理
  4. Mac 技术篇-苹果笔记本休眠启动后WIFI连接转圈卡死置灰不可用解决方法,mac通过终端杀进程实例演示
  5. fork、getpid、getppid函数
  6. PHP GD压缩图片
  7. windows服务器远程关机或重启
  8. php 上传没生成文件,php-上传时无法创建临时文件
  9. Word邮件合并技巧四则
  10. html仿酷狗音乐界面代码,模仿酷狗7(Kugou7)音乐魔方界面源码
  11. 为什么每次在机器学习中获得不同的结果?
  12. 思科模拟器 --- 三层交换机的基本配置
  13. html如何自己做一个背景特效,背景效果实现方法总结
  14. 关于存储器中的地址与数据的对应关系
  15. 计算机应用基础 机考,计算机应用基础机考复习题与答案.doc
  16. 当前时间与GMT时间转换
  17. 决策树(三):CART算法
  18. spring boot 构建docker镜像,运行指定spring profile
  19. RNAseq生信分析流程简介
  20. 学习日志(10.21)

热门文章

  1. Pony.ai签约落户广州南沙,计划年底前推出无人车队
  2. java中53个关键字的意义及使用方法
  3. web-ylbtech(合同管理)-数据库设计
  4. 21-hadoop-weibo推送广告
  5. hdu 1693 Eat the Trees 插头dp
  6. MariaDB数据库介绍之一、备份(mysqldump、lvm2快照、xtrabackup)
  7. pushViewController自定义动画http://blog.csdn.net/ralbatr/article/details/22039233
  8. Android字数限制的EditText实现方案研究
  9. ubuntu 安装 oracle-xe-universal
  10. 学编程要从什么开始学起