ajax无翻页刷新简单实例

1，前台页面：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title>无标题页</title>
<script type="text/javascript">
var xmlHttp;

function createXMLHttpRequest()
{
    if(window.ActiveXObject)
    {
        xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    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;
        }
     }
}
</script>
</head>

<body>

</div>
</body>
</html>

2，计算页面：

<%@ WebHandler Language="C#" Class="Handler" %>

using System;
using System.Web;
using System.Text;

public class Handler : IHttpHandler {

    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);
    }

    public bool IsReusable {
        get {
            return false;
        }
    }

}

转载于:https://www.cnblogs.com/xgcblog/archive/2011/08/19/2145748.html

ajax无翻页刷新简单实例相关推荐

java ajax无刷分页_简单实现Ajax无刷新分页效果
Ajax无刷新分页效果,如下代码实现 Ajax无刷新分页效果 function showpage(url) { var xhr = new XMLHttpRequest(); xhr.onreadys ...
无闪烁刷新页面 php,AJAX_Ajax实现无闪烁定时刷新页面实例代码，在Web开发中我们经常需要实现 - phpStudy...
Ajax实现无闪烁定时刷新页面实例代码在Web开发中我们经常需要实现定时刷新某个页面: 1.来保持session的值或者检查session的值是否为空(比如说防止同一用户重复登录): 2.实现实时站 ...
ajax webservice 参数类型,JQuery Ajax WebService传递参数的简单实例
Asp.NET中利用jQuery实现Ajax时,在服务器端可以使用aspx,ashx,以及WebService等方式.最近研究了一下WebService方式,jQuery Ajax 方法调用 jQue ...
vue实现上下滑动翻页_vue 简单实现左右翻页功能
思路: 首先先设一个div把文章内容放进去,超出部分进行隐藏,column-width:300px;用这个属性把这个文章内容按列分开,每一列300px,,翻页时用这个属性transform:trans ...
css3 书页卷脚_css3实现的书本立体翻页效果代码实例
[HTML] 纯文本查看复制代码蚂蚁部落 * { padding: 0; margin: 0; } body, html { height: 100%; } body { /* perspecti ...
ajax+php+jq+面向对象,php+jquery+ajax+json的一个最简单实例
html页面: $(function(){ $("#send").click(function(){ var cont = $("input").seriali ...
Java实现表格打印翻页_简单又实用的小文章来了----表格分页打印的那些小事（2）...
前言之前写过一篇表格分页打印的实践,其基本思路是按照一比一还原打印宽高,然后根据页面高度内容以及内容长度进行粗略计算,针对不能显示的进行内容分割. 相比上次逻辑稍微繁琐一点,今天分享的方式是更加简单 ...
图片延迟加载和滑动翻页
一:预加载首先,我们需要引用JS, <script src="/Scripts/JQuery.LazyLoad.js"></script> 其次,修改im ...
Bootstrap 分页导航中的翻页组件
分页导航中的翻页一些简单的网站,比如博客或者杂志网站,希望用更少的标记和样式,来创建简单的"前一页"和"后一页"的翻页导航. Bootstrap中,只需为列表 ...
pdf做成翻页电子书_想看书就别用手机了，电子书选购指南
关注求真实验室教你成为硬核买手一个真正的读者,或是喜爱阅读的人,内心肯定有一份对纸质书的情怀.毫无疑问,纸质书能带来最真实的质感.最纯粹的阅读体验. 但在这个知识爆炸的时代,纸质书却在逐渐消逝.生 ...

ajax无翻页刷新简单实例

ajax无翻页刷新简单实例相关推荐

最新文章

热门文章