博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AJAX的简单应用(加法运算示例)
阅读量:5257 次
发布时间:2019-06-14

本文共 1295 字,大约阅读时间需要 4 分钟。

1.首先创建Web空文件

2.在页面中添加三个按钮,并命名为num1,num2,result

3.添加script脚本:

 
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");               //判断是否为微软的IE浏览器
}            else if (window.XMLHttpRequest)             {                xmlHttp = new xmlHttpRequest();            }        }        function addNumber()         {            createXMLHttpRequest();            var url = "Handler.ashx?Num1=" + document.getElementById("num1").value + "&Num2=" + document.getElementById("num2").value;            xmlHttp.open("GET", url, true);            xmlHttp.onreadystatechange = showResult;            xmlHttp.send(null);        }        function showResult()         {            if (xmlHttp.readyState == 4)             {                if (xmlHttp.status == 200)                 {                    document.getElementById("result").value=xmlHttp.responseText;                }            }        }    

4.在文本框的属性中添加 onkeyup属性,添加addNumber()函数

5.添加一般事件处理程序

并修改函数

 public void ProcessRequest(HttpContext context)

        {
            context.Response.ContentType = "text/plain";
            int result = Convert.ToInt32(context.Request.QueryString["Num1"]) + Convert.ToInt32(context.Request.QueryString["Num2"]);
            context.Response.Write(result);
        }
6.运行

在文本框中输入一个数,相应的结果就会显示出来

转载于:https://www.cnblogs.com/dingxiaowei/archive/2013/01/15/3058767.html

你可能感兴趣的文章
SQL Server实用操作小技巧集合
查看>>
正则表达式使用
查看>>
centos7 yum 安装 mysql5.7
查看>>
转载C#中Trim()、TrimStart()、TrimEnd()的用法
查看>>
BZOJ3720 Gty的妹子树 【树分块】
查看>>
jenkins权限配置
查看>>
svn for mac 的注意事项
查看>>
编写gtk程序时出现如下错误:GLib-GObject-WARNING **: invalid unclassed pointer in cast to `GtkObject'...
查看>>
Oracle 数据库数据泵expdp与impdp的导出导入。
查看>>
Xcode工程模板和文件模板
查看>>
strncpy的用法
查看>>
c++/c 获取cpp文件行号跟文件名
查看>>
前框 (一个)zTree 从数据库树形菜单动态加载
查看>>
atitit.(设计模式1)--—职责链(chain of responsibility)最佳实践O7 转换日期
查看>>
图解iPhone开发新手教程
查看>>
zedboard 驱动理解
查看>>
求a的n次方
查看>>
尚硅谷资料库
查看>>
ios判断app是否有打开相机的权限
查看>>
Centos7LDAP LDAPadmin的完整部署记录(改良版,其它文档太多坑)
查看>>