asp ajax post /get原生方法实现整数加法范例

来源：互联网发布：win7网络没有本地连接编辑：程序博客网时间：2024/06/08 19:21

主要用来记录一些学到的东西，代码全部经常过实测有效，增加注释。

asp ajax post 实现整数加法过程

HTML部分

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>asp ajax post 实现整数加法过程 </title>        <script type="text/javascript">        // 分别为IE和非IE类浏览器，创建对象xmlHttp        function createXMLHttp(){        if(window.ActiveXObject){        var version = ['Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP'];        for(var i=0,len=version.length; i<len; i++){        var ajaxObj = new ActiveXObject(version[i]);        if(ajaxObj){        break        }        }        } else {        var ajaxObj = new XMLHttpRequest();        }        return ajaxObj;        }        // 创建一个函数，提交的时候执行此函数                    function loadName(){                                var xmlHttp = createXMLHttp();  /*初始化*/                var a = document.getElementById("a").value /*获得id为a的值*/        var b  = document.getElementById("b").value  /*获得id为b的值*/        var content = encodeURI('a='+a+'&'+'b='+b); /*拼接变量content，将来作为对象的值传送*/            xmlHttp.open("post", "getAjaxName.asp?", true);/*对象的OPEN方法，三个参数分别为：模式、处理地址、true表示异步，false表示同步*/            /*对象的状态读取，readyState==4和status==200表示获取完成*/            xmlHttp.onreadystatechange=function(){                if(xmlHttp.readyState==4 && xmlHttp.status==200){                    document.getElementById("c").value=xmlHttp.responseText;/*获得的值赋值给ID为c的input*/                    }                    };                    /*设置文件头，必需*/            xmlHttp.setRequestHeader("Content-type","application/x-www-form-urlencoded");            /*发送内容变量content*/            xmlHttp.send(content);            }        </script>    </head>    <body>        <div style="text-align: center;">            <div>                <!--表单提交，非要重要，其它方式获取不到对象反应的值-->                <form id="form1" name="form1" method="post" action="">                    <input type="text" id="a" name="a" />&nbsp;&nbsp;+&nbsp;&nbsp;                    <input type="text" id="b" name="b" />                    <input type="button" onclick="loadName()" value="计算"/>&nbsp;&nbsp;                    <input type="text" id="c" name="c" />                </form>            </div>        </div>    </body></html>

getAjaxName.asp部分

<%'表单接收提交过来的数据！！cint()转换为整形c=cint(request.form("a"))+cint(request.form("b")) '输出变量a,注意浏览器缓存，即时清除response.write(c) %>

asp ajax get 实现整数加法过程

html部分

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html>    <head>        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">        <title>asp ajax get 实现整数加法过程 </title>        <script type="text/javascript">        // 分别为IE和非IE类浏览器，创建对象xmlHttp        function createXMLHttp(){        if(window.ActiveXObject){        var version = ['Msxml2.XMLHTTP.6.0','Msxml2.XMLHTTP.5.0','Msxml2.XMLHTTP.4.0','Msxml2.XMLHTTP.3.0','Msxml2.XMLHTTP','Microsoft.XMLHTTP'];        for(var i=0,len=version.length; i<len; i++){        var ajaxObj = new ActiveXObject(version[i]);        if(ajaxObj){        break        }        }        } else {        var ajaxObj = new XMLHttpRequest();        }        return ajaxObj;        }        // 创建一个函数，提交的时候执行此函数                    function loadName(){                                                var xmlHttp = createXMLHttp();  /*初始化*/                var a = document.getElementById("a").value /*获得id为a的值*/        var b  = document.getElementById("b").value  /*获得id为b的值*/        var content = encodeURI('a='+a+'&'+'b='+b); /*拼接变量content，将来作为对象的值传送*/            xmlHttp.open("get", "getAjaxName.asp?"+content, true);            /*对象的OPEN方法，三个参数分别为：模式（post/get）、处理地址、true表示异步，false表示同步*/            /*对象的状态读取，readyState==4和status==200表示获取完成*/            xmlHttp.onreadystatechange=function(){                if(xmlHttp.readyState==4 && xmlHttp.status==200){                    document.getElementById("c").value=xmlHttp.responseText;/*获得的值赋值给ID为c的input*/                    }                    };                /*GET方式发送为空*/            xmlHttp.send(null);            }        </script>    </head>    <body>        <div style="text-align: center;">            <div>                <input type="text" id="a" name="a" />&nbsp;&nbsp;+&nbsp;&nbsp;                <input type="text" id="b" name="b" />                <input type="button" onclick="loadName()" value="计算"/>&nbsp;&nbsp;                <input type="text" id="c" name="c" />            </div>        </div>    </body></html>

getAjaxName部分

<%'get方法接收变量为request.querystring，特别注意cint()转换为整形c=cint(request.querystring("a"))+cint(request.querystring("b")) '输出变量a,注意浏览器缓存，即时清除response.write(c) %>

0 0