FineUI中用JS在前端与后端中传数据

（如果哪位大神有更好的方法，拜谢赐教！~）

这段时间做的传数据，传的都是字符串。

不管是传值还是传JSON，都是先转变成字符串，再做处理。

一、用JS从前端传数据到后端

1.前端<body>中设置一个HiddenField

<f:HiddenField ID="JboxsdataX" runat="server"></f:HiddenField>

2.前端<script>中设置

var TestdataXCLientID = '<%= TestdataX.ClientID %>';
F(TestdataXCLientID).setValue(str);

3.C#中拿到字符串

string aa = JboxsdataX.Text;

二、用JS从后台传JSON数据到前端

1.在文件头引用JSON

using Newtonsoft.Json;
using Newtonsoft.Json.Linq;

2.Create JSON Data

 // 注册初始化脚本
JObject jo = new JObject();
jo.Add("userName", UserName);
jo.Add("userAge", UserAge);
jo.Add("userCountry", UserCountry);
PageContext.RegisterStartupScript(String.Format("initControlInfo('{0}',{1});", labUserInfo.ClientID, jo.ToString(Formatting.None)));

function initControlInfo(infoClientID, options) {F(infoClientID).setValue(options.userName + '今年' + options.userAge + '岁，住在' + options.userCountry + '。');
}

三， Action传值：这里有一种特殊情况，是在Echart图表中点击column后，返回前台js的值到后台，再进行其他操作

HTML

<f:Panel ID="Panel1" runat="server"><Content><div id="chart1"></div></Content>
</f:Panel>
<f:Button runat="server" ID="updateGird" OnClick="updateGird_ServerClick" Hidden="true"></f:Button>
<f:TextBox ID="tbxFormUserName" runat="server" Hidden="true"></f:TextBox>

var updateGirddataXCLientID = '<%= updateGird.ClientID %>';myChart.on('click', function eConsole(param) {F(tbxFormUserName).setValue(dataSet);F(updateGirddataXCLientID).click();
}

        protected void updateGird_ServerClick(object sender, EventArgs e){string key = tbxFormUserName.Text.Trim();}

FineUI中用JS在前端与后端中传数据相关推荐

前端与后端之间的数据传递
前端与后端之间的数据传递前端页面页面结构 index.html 代码后台服务新建[Dynamic Web Project] 项目结构 Servlet文件解决跨域问题效果展示 JSONObj ...
JS如何解析kml文件中的数据
1.JS如何解析kml文件中的数据 1. 需要将文件转换为字符串 2. 再使用DOMParser().parseFromString将字符串转换为xml文档 3. 再使用@mapbox/togeojs ...
ajax与java后端互传数据
文章目录后端传到前端(传一个集合,展示成表格) controller层 js部分前端向后端传值 js部分 controller层后端传到前端(传一个集合,展示成表格) controller层 ...
java和js实现前端加密后端解密,后端加密前端解密(Base64)
目录 1.前端加密后端解密 2.后端加密前端解密在前端和后端数据传输时,常常涉及到隐私数据的传输(例如用户名和密码),这时,我们就需要对隐私数据进行加密解密 1.前端加密后端解密 1.1 前端jqu ...
前端和后端怎么进行数据交互的_前端VS后端
前言对于广义上的前端来说,上游是接口, 下游是界面. 对于后端来说,上游是数据库, 下游是接口. 前端的工作的核心是交互,消费接口的数据,给到用户.我们分别来看这几个方面:前端能够抵达的最上游是接口 ...
前端和后端的JSON数据交互
因为之前一直在学后端方面的内容,对于前端这块的知识一直半懂半不懂.昨天学了ajax,一些知识点记录下. 前端知识最重要的两种请求方式:GET.POST. GET : 有请求参数,无请求体 POST ...
c语言怎么往结构体中传数据,怎么把文件数据写入结构体 c语言怎么将结构体写入文件...
怎么把结构体的数据写到文件中 C语言把一个结构体数组写入文件分三步: 以二进制写方式(wb)打开文件调用写入函数fwrite()将结构体数据写入文件关闭文件指针相应的,读文件也要与之匹配: 以二 ...
Vue2.js：前端在浏览器中网页表格打印的实现方案：window.print、print-js、iframe
目录需求描述方案1:直接打印页面方案2:使用css媒体查询控制打印内容方案3:第三方插件print-js 方案4:将要打印的节点内容写入iframe 方案5:将要打印的html写入iframe ...
关于layui的表格数据(前端HTML+后端SSM)——显示数据
运行效果页面增删改查登录搜索均已实现,后续会慢慢编写相应博客前端html <table class="layui-hide" id="test" la ...

FineUI中用JS在前端与后端中传数据

FineUI中用JS在前端与后端中传数据相关推荐

最新文章

热门文章