Transfer进行传值

1.先看主页面代码

public partial class _Default : System.Web.UI.Page
{
    public string Name { get; set; }
    protected void Page_Load(object sender, EventArgs e)
    {

    }
    protected void Button1_Click(object sender, EventArgs e)
    {
        Name = "214534";
        Server.Transfer("Default2.aspx");
    }
}

2.再看子页面代码

public partial class Default2 : System.Web.UI.Page
{
    public string strName { get; set; }
    protected void Page_Load(object sender, EventArgs e)
    {
        _Default d = Context.Handler as _Default;
        strName = d.Name;
    }
}

这种方式下我们的Default2.aspx页面就能引用Default页面的属性了,下面看看几种页面跳转方式

1、Response.Redirect():
Response.Redirect方法导致浏览器链接到一个指定的URL。当Response.Redirect()方法被调用时,它会创建一个应答,应答头中指出了状态代 
码302(表示目标已经改变)以及新的目标URL。浏览器从服务器收到该应答,利用应答头中的信息发出一个对新URL的请求。

这就是说,使用Response.Redirect方法时重定向操作发生在客户端,总共涉及到两次与服务器的通信(两个来回):第一次是对原始页面

的请求,得到一个302应答,第二次是请求302应答中声明的新页面,得到重定向之后的页面。

 

2、Server.Transfer
Server.transfer是IIS 5.0新增加的一个功能。它解决了
Response.Redirect的两个重要的缺陷:
1)在Response.Redirect中,我们得不到任何第一页的输出
2)Response.Redirect会丢失request中的所有属性,当然我们可以通过一些其他的办
法,比如session来搞定,可是,有些页的参数是在request中传过来的,这样的话,就不行了
3) Response.Redirect需要client端再发起一个请求。
server.transfer就很好地解决了这些问题。它是从server端直接向下一页发起请求,不需要client再次发送请求.
如果你的网页非常依赖response.redirect,这个小小的改变可以提高将近25%的效率。(根据微软文档).

    Server.Transfer方法把执行流程从当前的ASPX文件转到同一服务器上的另一个ASPX页面。调用Server.Transfer时,当前的ASPX页面终止

执行,执行流程转入另一个ASPX页面,但新的ASPX页面仍使用前一ASPX页面创建的应答流。

如果用Server.Transfer方法实现页面之间的导航,浏览器中的URL不会改变,因为重定向完全在服务器端进行,浏览器根本不知道服务器

已经执行了一次页面变换。

默认情况下,Server.Transfer方法不会把表单数据或查询字符串从一个页面传递到另一个页面,但只要把该方法的第二个参数设置成True

,就可以保留第一个页面的表单数据和查询字符串。

同时,使用Server.Transfer时应注意一点:目标页面将使用原始页面创建的应答流,这导致ASP.NET的机器验证检查(Machine

Authentication Check,MAC)认为新页面的ViewState已被篡改。因此,如果要保留原始页面的表单数据和查询字符串集合,必须把目标页面

Page指令的 EnableViewStateMac属性设置成False。

server.Transfer()有一个不足就是:当用户在a.aspx中提交了一个表单,然后用Server.Transfer()进入 b.aspx,这时如果用户刷新一下页面,

浏览器便会问用户是否“重试”发送表单,如果用户点击“是”,那么,表单中的数据被重新发送到服务器。如发送表单的作用就是为了向数

据库中插入一条记录,结果导不希望发生的事——同一表单被多次加入到数据库中。

 

3、Server.Execute
Server.Execute方法允许当前的ASPX页面执行一个同一Web服务器上的指定ASPX页面,当指定的ASPX页面执行完毕,控制流程重新返回原页

面发出Server.Execute调用的位置。

这种页面导航方式类似于针对ASPX页面的一次函数调用,被调用的页面能够访问发出调用页面的表单数据和查询字符串集合,所以要把被

调用页面Page指令的EnableViewStateMac属性设置成False。

 

Server.Execute和Server.Transfer的区别

Server.Execute("another.aspx")和Server.Transfer("another.aspx")区别:  
Execute是从当前页面转移到指定页面,并将执行返回到当前页面  
Transfer是将执行完全转移到指定页面


总结:
在网络状态较好的情况下,Redirect(url)方法效率最高!! 可重定向到同一台或非同一台服务器上的aspx或非aspx(html)资源
Server.Transfer方法和Server.Execute方法最灵活!! 但只能转到同一Application目录下,也有可能导致不期望的结果发生
Server.Execute方法占用资源最多.



### Vue Transfer组件的递 在Vue中,`transfer`组件通常用于实现数据从一个列表到另一个列表的递。通过`transfer`组件,可以轻松实现双向绑定和的动态更新。以下是如何在IDEA开发环境中使用Vue的`transfer`组件进行递的具体方法。 #### 1. 安装依赖 在使用`transfer`组件之前,需要确保项目中已经安装了支持该组件的UI库,例如Element Plus或Ant Design Vue。以Element Plus为例,可以通过以下命令安装: ```bash npm install element-plus --save ``` #### 2. 引入Transfer组件 在Vue组件中引入并注册`transfer`组件。以下是具体代码示例: ```javascript <template> <el-transfer v-model="targetKeys" :data="dataSource" @change="handleChange"> </el-transfer> </template> <script> import { ref } from 'vue'; import { ElTransfer } from 'element-plus'; export default { components: { ElTransfer }, setup() { const dataSource = [ { key: '1', label: '选项一' }, { key: '2', label: '选项二' }, { key: '3', label: '选项三' } ]; const targetKeys = ref(['2']); // 默认选中的 const handleChange = (value) => { console.log('当前选中的:', value); }; return { dataSource, targetKeys, handleChange }; } }; </script> ``` 上述代码中,`v-model`绑定的是目标区域的键集合,`data`属性定义了所有可选项的数据源。当用户选择或取消选择某项时,会触发`@change`事件[^1]。 #### 3. 数据绑定与双向同步 Vue的核心特性之一是响应式数据绑定。在`transfer`组件中,`v-model`实现了目标区域选中值的双向绑定。任何对`targetKeys`的修改都会实时反映到视图中,反之亦然[^2]。 #### 4. IDEA开发环境配置 在IDEA中开发Vue项目时,建议使用Vue插件(如Vue.js Support)来增强开发体验。此外,还需要确保以下配置正确: - 安装Node.js和npm/yarn。 - 配置好Vue项目的依赖环境。 - 在IDEA中启用ESLint和Prettier格式化工具,保证代码风格一致性。 #### 5. 注意事项 - 确保`data`数组中的每个对象都包含`key`和`label`字段,这是`transfer`组件的基本要求。 - 如果需要自定义渲染内容,可以通过`slot`扩展`transfer`组件的功能[^1]。 ```html <el-transfer v-model="targetKeys" :data="dataSource"> <template #default="{ option }"> <span>{{ option.label }}</span> </template> </el-transfer> ``` --- ###
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值