一般处理程序中使用隐藏域来实现非Form表单元素上数据的改变
2017-01-11 14:40
537 查看
html代码:
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:green;
padding-left:50px;
padding-top:50px;
font-size:xx-large;
color:red;
}
</style>
</head>
<body>
<form method="post" action="Handler.ashx">
<input type="hidden" name="hid" value="$count" />
<div>
$div
</div>
数值:<input type="text" name="txt" value="$num" /><br />
<input type="submit" value="自增" /><br />
</form>
</body>
</html>
一般处理程序代码:
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
// html页面有 占位符 时,需要先运行此页面;
context.Response.ContentType = "text/html";
int num = 0;
num = Convert.ToInt32(context.Request.Form["txt"]); // 获取输入框中的数值;
num++;
// 在div上实现自增:由于div上的数值不能传递到服务器,所以可以通过form表单中的隐藏域来实现。
string str = context.Request.Form["hid"];
int i = Convert.ToInt32(str);
i++;
string filePath = context.Request.MapPath("HtmlPage.html"); // 获取html文件的物理路径;
string strHtml = System.IO.File.ReadAllText(filePath); // 读取html模板内容;
strHtml = strHtml.Replace("$num", num.ToString()); // 将数值自增之后的值传给输入框;
strHtml = strHtml.Replace("$count", i.ToString()).Replace("$div", i.ToString());
context.Response.Write(strHtml); // 输出html;
}
public bool IsReusable
{
get
{
return false;
}
}
}
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
<style type="text/css">
div{
width:100px;
height:100px;
background-color:green;
padding-left:50px;
padding-top:50px;
font-size:xx-large;
color:red;
}
</style>
</head>
<body>
<form method="post" action="Handler.ashx">
<input type="hidden" name="hid" value="$count" />
<div>
$div
</div>
数值:<input type="text" name="txt" value="$num" /><br />
<input type="submit" value="自增" /><br />
</form>
</body>
</html>
一般处理程序代码:
<%@ WebHandler Language="C#" Class="Handler" %>
using System;
using System.Web;
public class Handler : IHttpHandler
{
public void ProcessRequest(HttpContext context)
{
// html页面有 占位符 时,需要先运行此页面;
context.Response.ContentType = "text/html";
int num = 0;
num = Convert.ToInt32(context.Request.Form["txt"]); // 获取输入框中的数值;
num++;
// 在div上实现自增:由于div上的数值不能传递到服务器,所以可以通过form表单中的隐藏域来实现。
string str = context.Request.Form["hid"];
int i = Convert.ToInt32(str);
i++;
string filePath = context.Request.MapPath("HtmlPage.html"); // 获取html文件的物理路径;
string strHtml = System.IO.File.ReadAllText(filePath); // 读取html模板内容;
strHtml = strHtml.Replace("$num", num.ToString()); // 将数值自增之后的值传给输入框;
strHtml = strHtml.Replace("$count", i.ToString()).Replace("$div", i.ToString());
context.Response.Write(strHtml); // 输出html;
}
public bool IsReusable
{
get
{
return false;
}
}
}
相关文章推荐
- 微信小程序开发(6)-表单数据组件的使用(picker,form,input,button)
- 使用ASP.NET一般处理程序或WebService返回JSON的实现代码
- 使用插件实现一般处理程序导出excel
- EasyUI+Ajax+Json+一般处理程序实现数据的前台与后台的交互
- C#使用EPPlus.dll动态库在一般处理程序中实现将datatable导出到excel
- jquery序列化form表单使用ajax提交后处理返回的json数据
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- 微信小程序使用form表单获取输入框数据的实例代码
- asp.net使用一般处理程序实现文件下载
- EasyUI+Ajax+Json+一般处理程序实现数据的前台与后台的交互
- asp.net 使用一般处理程序和ajax post实现登录以及记住密码
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- mongodb - 前端form表单数据传输,在保存和清除的数据格式的处理程序的 - 非递归
- 使用ASP.NET一般处理程序或WebService返回JSON的实现代码
- Jquery EasyUI +Ajax +Json +一般处理程序 实现数据的前台与后台的交互 --- 善良公社项目
- 关于jQuery使用serializeArray()序列化表单数据,使用FormData()实现AJAX请求的问题
- jquery序列化form表单使用ajax提交后处理返回的json数据
- 微信小程序例子——使用form表单获取输入框数据
- 在一般处理程序中,把Form Post过来的表单集合转换成对象 ,仿 MVC post,反射原理
- 使用jQuery的formValidator框架对表单数据实现前台校验