• 脚本与后端数据传递小技巧


               表单中input标签为文本框,其提供了一个隐藏域,可以用来保存输入的内容,像div这样的标签,即使使用脚本使其内部值发生了变化,但是无法保存值,所以隐藏域的作用就提升了.可以来测试下.

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

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

    <script runat="server">

        protected 
    void Button2_Click(object sender, EventArgs e)
        
    {
            Label1.Text 
    = HiddenField1.Value + TextBox1.Text + aaa.InnerHtml;
        }

    </script>

    <html xmlns="http://www.w3.org/1999/xhtml" >
    <head runat="server">
        
    <title>无标题页</title>
    <script language="javascript" type="text/javascript">
    // <!CDATA[

    function aa() {
    document.getElementById(
    "HiddenField1").value="a";
    document.getElementById(
    "TextBox1").value="b";
    document.getElementById(
    "aaa").innerHTML="c";
    }


    // ]]>
    </script>
    </head>
    <body>
        
    <form id="form1" runat="server">
            
    <input id="Hidden1" type="hidden" />
          
    <asp:HiddenField ID="HiddenField1" runat="server" />
            
    <asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
            
    <div id="aaa" runat="server"></div>
            
    <br />
                
    <input id="Button1" type="button" value="button" onclick="aa()" />
            
    <asp:Label ID="Label1" runat="server" Text="Label"></asp:Label>
            
    <asp:Button ID="Button2" runat="server" OnClick="Button2_Click" Text="Button" />
        
    </form>
    </body>
    </html>

    这样的使用方法在控件中非常常用,AjaxControlToolkit的基类ExtenderControlBase也使用了这样了方法,其提供了ClientState属性可以获取隐藏域的值.方便了前台和后台的交互
  • 相关阅读:
    Github上fork的项目如何merge原Git项目
    【转】OS | 从一道面试题谈 Linux 下 fork 的运行机制
    鸡汤文 | 23 考研不想成为炮灰,应该努力到什么程度呢?
    OS | 文件系统总结
    OS | 银行家算法C语言实现
    Linux操作系统(七):BASH与Shell
    使用github action发布hexo博客到云服务器
    gozero单体服务使用泛型简化注册Handler路由
    用go把博客园博客下载到本地Hexo目录下
    oracle删除超过N天数据脚本
  • 原文地址:https://www.cnblogs.com/Clingingboy/p/784370.html
Copyright © 2020-2023  润新知