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

最新推荐文章于 2021-08-06 09:53:44 发布

无忧堂主

最新推荐文章于 2021-08-06 09:53:44 发布

阅读量1.2k

点赞数

分类专栏： asp 文章标签： html ajax asp

本文链接：https://blog.csdn.net/yolk119/article/details/52810422

版权

asp 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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

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

收藏

觉得还不错? 一键收藏
1
评论
asp ajax post /get原生方法实现整数加法范例

asp ajax post get 范例本博客主要用来记录一些学到的东西第一部分演示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-Typ
复制链接

扫一扫