zoukankan
html css js c++ java
脚本与后端数据传递小技巧
表单中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属性可以获取隐藏域的值.方便了前台和后台的交互
查看全文
相关阅读:
React简介
webpack处理项目中的资源文件
ajax
DOW
webpack-css单独打包配置
SSH配置
html-webpack
常用ui
git命令备忘
关于git的一些使用
原文地址:https://www.cnblogs.com/Clingingboy/p/784370.html
最新文章
Promise学习
React之Composition Vs inheritance 组合Vs继承
React之Froms
React之事件绑定、列表中key的使用
RN的像素及布局
RN中的onChangeText
webpack初学
JS中创建自定义对象的方法
form表单的ajax验证2
form表单1的ajax验证
热门文章
百度搜索效果(jsonp法)
百度搜索效果(页面传来数据地址,由服务器去获取)
百度搜索效果(服务器来获取数据)
ajax同步请求JS代码
XMLHttpRequest函数封装
ajax数据请求5(php格式)
ajax数据请求4(xml格式)
NPM配置国内源
NodeJS简介
React Starter Pack 下载使用与React初体验
Copyright © 2011-2022 走看看