Extjs和C#.net传输数据

在extjs和C#.net相互传输数据的时候，我们有几种方法。

在这里先给出一个submit的示例

if (pnWin.form.isValid()) { //弹出效果 Ext.MessageBox.show ( { msg: '正在保存，请稍等...', progressText: 'Saving...', width:300, wait:true, waitConfig: {interval:200}, icon:'download', animEl: 'saving' } ); setTimeout(function(){Ext.MessageBox.hide();}, 5000); //提交到服务器 //判断下是何种操作，add或者update var _url = 'Form/AddDataManageForWin.aspx'; if ( Ext.getCmp('btn_ok').getText() == "保存" ) { _url = 'Form/UpdateDataForWin.aspx'; } pnWin.form.submit ( { url:_url, //提交的页面路径 params: {id_sel : ID_SEL}, method:'post',//提交方式为post //提交成功的回调函数 success:function(form,action) { var flage = action.result.success; //如果服务器端传过来的数据为true则表示登录成功 if (flage == true) { Ext.MessageBox.alert('消息','保存成功!'); winSetField.hide(); } }, //提交失败的回调函数 failure:function(form, action) { Ext.Msg.alert('错误','服务器出现错误请稍后再试！'); } } ); }

示例中向_url的aspx界面提交数据，这里，如果我们直接把form表单中的数据提交过去，那在aspx中可以通过：Request.Form["name"]来获得表单项的数据，这里name就是表单中某一个组件比如textfield的name属性。

 

那如果我们除了表单数据以外还想传输些自定义的纯数据过去怎么办呢？这里我介绍两种方法。一个是通过Cookie，另一个是通过submit中的params配置项。当然除了这些其实还可以用Ajax来配置reques的params项，同样可以，与submit的原理一样

 

1、Cookie传输

 var COOKIE_PARAM = 'C_NAME'; var COOKIE_VALUE = 2; document.cookie = COOKIE_PARAM +'='+ COOKIE_VALUE;

这样就把数据2写到了cookie中，键是C_NAME。在cookie中是添加了一个字符串：C_NAME=2，并用分号和之前的cookie字符串分隔开。在C#代码中已经对cookie用类进行了封装操作，我们直接给予字段键值就可以直接得到值，当然这些字符串的分割处理工作由库函数都做好了。

const string COOKIE_NAME = "C_NAME"; HttpCookie cookie = Request.Cookie[COOKIE_UPDATE_ID_4SQL]; int temp = int.Parse(cookie.Value.ToString());

通过上面的方法，我们就成功的把数字2传输给了temp。当然这里的C_NAME我们事先要约定好是肯定的。

 

2、Params传输（Ajax也适用）

 其实就是在submit中添加params配置项，并定义一个参数传输过去，并在服务器端通过C#代码获得即可：var ID_SEL = 2; ... pnWin.form.submit ( { url:_url, //提交的页面路径 params: {id_sel : ID_SEL}, method:'post',//提交方式为post ...

这样我们就将数字2通过id_sel作为submit的params参数提交过去。那在服务器端如何获得这个数字呢？

int temp = int.Parse(Request.Form["id_sel"].ToString());

发现同上面获得表单的值是一样的，只是在id_sel中要给上在上面submit中定义的params中的参数名来获得其值~

 

呵呵，挺简单。有机会研究下Ajax，都说这是门艺术，倒要看看...