AJAX的一个简单实例

最新推荐文章于 2024-07-12 16:27:40 发布

soul_8750

最新推荐文章于 2024-07-12 16:27:40 发布

阅读量443

点赞数

文章标签： ajax javascript null action url 浏览器

本文链接：https://blog.csdn.net/soul_8750/article/details/4272323

版权

<%@ Page Language="C#" AutoEventWireup="true" %>

<!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>Default</title>
    <script language="javascript" type="text/javascript">
        var xmlHttp;

        function createXMLHttpRequest()
        {
            //判断浏览器类型并创建对象
            //IE
            if (window.ActiveXObject)
            {
                xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
            }
            //FF
            else if (window.XMLHttpRequest)
            {
                xmlHttp = new XMLHttpRequest();
            }
        }

        //光标处于输入框时引发的动作
        function updateTotal()
        {
            url = "Default2.aspx?A=" + form1.elements["A"].value + "&B=" + form1.elements["B"].value;
            xmlHttp.open("GET",url,true);
            xmlHttp.onreadystatechange = doUpdate;
            xmlHttp.send();
            return false;
        }

        function doUpdate()
        {
            if (xmlHttp.readyState == 4)
            {
                document.forms[0].elements["TOT"].value = xmlHttp.responseText;
            }
        }
    </script>
</head>
<body onload = "createXMLHttpRequest();">
    <form id="form1" action = "">
        <div>
            <p>
            <input type = "text" id="A" onkeyup = "updateTotal()" value = "0"/>
            <input type = "text"  id="B" onkeyup = "updateTotal()"/ value = "0" />
            </p>
            <p>
            <input type = "text"  id="TOT" />
            </p>
            </div>
    </form>
</body>
</html>

using System;
using System.Data;
using System.Configuration;
using System.Collections;
using System.Web;
using System.Web.Security;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.UI.WebControls.WebParts;
using System.Web.UI.HtmlControls;

public partial class Default2 : System.Web.UI.Page
{
    protected void Page_Load(object sender, EventArgs e)
    {
        int a = 0;
        int b = 0;
        if (Request.QueryString["A"] != null)
        {
            a = Convert.ToInt16( Request.QueryString["A"].ToString());
        }
        if (Request.QueryString["B"] != null)
        {
            b = Convert.ToInt16( Request.QueryString["B"].ToString());
        }
        Response.Write(a + b);
    }
}

soul_8750

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
AJAX的一个简单实例

@ Page Language="C#" AutoEventWireup="true" %>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="serve
复制链接

扫一扫