zoukankan      html  css  js  c++  java
  • change page at client

    this airticle content two methods about update page synchronousy ajax and asp.net.

    first method is the original,second is contented by asp.net2.0

    compare them and use them. Good Luck!

    1.Transparent server request

    <%Page Language="C#" AutoEventWireup="true" CodeFile="Default.aspx.cs" Inherits="Default"%>

    <html xmlns="http://www.w3.org/1999/xhtml">

    <head runat="server">

         <title>Test</title>

         <script type="text/javascript">

         function DoCalc(val)

         {

          var url="multiply.aspx?val="+val;

          var request=null;

          if(window.XMLHttpRequest)

           {

           request=new XMLHttpRequest();

           request.open("GET",url,false);

           request.send();

          }

          else if(window.ActiveObject)

                {

                 request=new ActiveXObject("Microsoft.XMLHttp");

                 request.open("GET",url,false);

                 request.send();

                }

           if(request)

           {

           var result=request.responseText;

           alert(result);

           }

        }

        </script>

    </head>

    <body>

          <form id="form1" runat="server">

               <asp:TextBox ID="txtvalue" runat="server" />

               <input id="btnSubmit" runat="server" type="button" value="Calc"

                 onclick="javascript:DoCalc(document.getElementById('txtvalue').value");"/>

          </form>

    </body>

    </html>

    multiply.aspx

    <%@ Page Language="C#" %>
    <%@ Import Namespace="System.Data" %>
    <%@ import Namespace="System.IO" %>

    <script type="text/C#" language ="C#" runat ="server">

    protected void Page_Load()

    {

    int val=int.Parse(this.Request.QueryingString["val"]);

    Response.Write((var*2).ToString());

    Response.Flush();

    Response.End();

    }

    </script>

    2.ASP.NET script_callback

    <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Default2.aspx.cs" Inherits="Default2" %>

    <!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>Test</title>
        <script type="text/javascript">
        function showresult(result,context)
        {
        alert(result);
        }
        </script>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        <div id="div0" style="position: static; background-color: blue; 728px; height: 376px;">
        <asp:TextBox ID="txtvalue" runat="server" Style="z-index: 100; left: 240px; position: absolute;
                top: 192px"></asp:TextBox>
            <input id="btnsubmit" style="z-index: 101; left: 256px; position: absolute; top: 256px;

              120px; height: 32px;"
                type="button" value="Calc" runat="server"/>
        </div>
        </div>
        </form>
    </body>
    </html>

    Default2.aspx.cs

    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 : Huima.UI.BasePage, ICallbackEventHandler
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            string callbackref = this.ClientScript.GetCallbackEventReference(

            this, "window.document.getElementById('txtvalue').value", "showresult", null);
            btnsubmit.Attributes.Add("onclick", callbackref);
        }
        string callbackresult = "";
        public string GetCallbackResult()
        {
            return callbackresult;
        }
        public void RaiseCallbackEvent(string eventArgument)
        {
            callbackresult = (int.Parse(eventArgument) * 2).ToString();
        }
    }

  • 相关阅读:
    linux 添加环境变量(php为例)
    composer install Your requirements could not be resolved to an installable set of packages
    pytesseract 验证码识别
    mac crontab时间断内随机时间执行定时任务
    Mac使用crontab来实现定时任务
    安居客滑动验证码识别
    jQuery图片点击预览遮罩层,再点击关闭效果
    linux系统必学-部分链接
    JavaScript概念总结:作用域、闭包、对象与原型链
    Web前端性能优化全攻略
  • 原文地址:https://www.cnblogs.com/xiaojun/p/1652729.html
Copyright © 2011-2022 走看看