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

最新推荐文章于 2023-11-06 15:12:28 发布
最新推荐文章于 2023-11-06 15:12:28 发布
阅读量1k 收藏 1
点赞数
分类专栏： FineUI 文章标签： javascript c#
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/EXSHUANG/article/details/104495710
版权
本文介绍了使用FineUI在JavaScript（JS）前端与C#后端之间传递数据的方法，包括将数据转换为字符串进行传递，以及如何在ECharts图表点击事件中将值从后台传回前端并进行后续处理。主要涉及的技术点有HiddenField、JSON序列化和Action传值。
摘要由CSDN通过智能技术生成

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

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

不管是传值还是传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", UserCo
最低0.47元/天 解锁文章
EXSHUANG
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
开源版FineUI扩展类及JS
09-08
开源版FineUI扩展类及JS源码By北京没想好，v6.0.1。供大家学习，欢迎登陆我的博客http://www.cnblogs.com/shiworkyue/p/4086357.html，好像也没啥更新的了，目前在研究FineUIMVC当然是基础版的
FineUI开源版（ASP.Net）初学手册-部分JS整理
weixin_33991418的博客
07-28 410
有人老找JS，我吧FineUI自己写的JS沾过来方便大家看看，在实现前端的时候更灵活 JS 实例 注释 控件 F.ready F.ready(function(){}); 就是ready 很多方法都在这里写，写在页面后...
FineUI如何在后台代码中执行JS
weixin_30483495的博客
01-18 637
PageContext.RegisterStartupScript(WinCreateType.GetShowReference(string.Format("/InspectType/Create.aspx?ClassID={0}",id),"创建新类型")); 　　 转载于:https://www.cnblogs.com/blackice/archive/...
FineUI上传控件
weixin_30902675的博客
05-06 242
文件上传 现在就简单多了，并且也漂亮多了，参考这个示例。 1: <ext:SimpleForm ID="SimpleForm1" BodyPadding="5px" runat="server" EnableBackgroundColor="true" 2: ShowBorder="True" Title="表单" Width="350px" Sh...
javascript后端开发可以用吗,js前端和后端如何交互
最新发布
阿发狗伪原创
11-06 168
答：JavaScript是网景公司发明的，运行在浏览器上的脚本语言，简称JS。补充：网景公司现在没了，被美国在线收购了Deepl降重。var 对象名 = new 构造方法();创建类(所对应的构造方法)function 类名(形参列表){ this.属性名[=初始化值];// 相当于定义了一个公共属性this.方法名 = function(形参列表){ // 相当于定义了一个公共方法方法体// 为什么说是公共的，因为在外部可以直接通过对象名.属性名/方法名去调用。// 私有属性。
在html页面中用js与MyReport插件交互
03-02
js与flash进行交互，首先要处理好html页面和swf的加载问题。Swf调用外部js方法，要确保js方法已存在，...更复杂的情况是，页面有2次加载数据的场合：要同时保证，页面、flash、数据都加载完成后，在进行后续操作。Exte
在Asp中用“正则表达式对象”来校验数据的合法性
10-30
在数据校验方面，正则表达式对象常用的方法和属性有： * Execute 方法：对指定的字符串执行正则表达式搜索。 * Test 方法：对指定的字符串执行一个正则表达式搜索，并返回一个 Boolean 值指示是否找到匹配的模式。 ...
前端 JavaScript echarts 数据可视化学习
06-19
javascrip 中用的比较少 但用起来比较麻烦的echarts 数据可视化的学习笔记 这里是自己参照网络上的学习资料 整理而来的笔记 用来日后自己用到的时候查看
通信与网络中的数据通讯过程中用一个指令来传输多个参数方法
11-18
由于精梳机的电气控制部分采用了PLC运算控制，变频器驱动调速，触摸屏操作显示的控制主线，因此在三者间就必然会用通讯协议来传输数据。其中触摸屏通过RS232接口与PLC连接，变频器通过RS485接口与PLC连接。 　由于...
Fineui中使用Lodop打印，后台调用前台JS方式打印GRID
abc32644的博客
07-17 343
如何在Fineui中使用Lodop打印，后台调用前台JS方式打印GRID
FineUI_Demo_实例教程(源码).zip
03-13
FineUI_v3.2.2_Demo_实例教程（源码）+API.zip . 该实例 新老鸟 都可以使用。 ext js 很不错的资源。看了你就不想走了。
ASP.NET与Echarts实现前后端数据的交互
04-01
在帮公司做一个小项目用到的就分享一下，这个使用ASP.NET与Echart使用的，通过在后台获取sql的数据，然后转换成Json,运用前端的Ajax读取json文档。
ASP.Net MVC 后台数据传递到前台方法
ryancao530的博客
12-24 4262
Controller与View的数据传递 1.ViewBag与ViewData Controller传递数据至View的方法相当多。从ASP.Net MVC1开始，要有Controller传递资料给View，可以使用ViewData、TempData两种属性。在ASP.Net MVC3时，还新增了ViewBag属性。 public ActionResult Index() { ViewBag.Name = "Merry"; ViewData["Age"] = 20; return
FineUI利用JS取控件的值
weixin_30919919的博客
11-11 698
用ExtJS的获取方式应该就可以了把...我是直接用Ext.getCmp("txt_cusname").getValue;不过txt_cusname这个控件如果是runat="server" 要写成<%=txt_cusname.ClientID %>即为Ext.getCmp("<%=txt_cusname.ClientID %>").getValue; 转载于:https:...
前端页面获取文本框中的内容
copyright0501的博客
06-21 3902
获取文本框中的内容有两种方法： 假设为如下文本框： <inputtype="text"value=""id="text"> 1、原生JS获取文本框的值 document.getElementById("text").value//text为文本框的id 2、jquery获取文本框的值： $("#text").val() ...
fineui总结
hyhyct的专栏
12-21 3999
1：用  2:  使用 否则 内容浏览页面的时候  页面空白 3：要想在内容不溢出时不出现滚动条 溢出时出现 要对外围框架设置（主要是给外围框架设置一个高度）  Layout="Fit" Height="200px" 4：  想不通过点击加减符号来展开树节点  而是希望直接点击节点就展开 需要设置  node.SingleClickExpand = true;  触发的事件是OnNodeEx
ASP.NET-FineUI开发实践-11
weixin_34162228的博客
11-28 73
我用实例项目写了个子父页面传值，算是比较灵活的写法，可以把js提取出来写成包，然后调用，我先一步一步写，为有困难的朋友打个样。 先画个页面： 上面是个查询用的表单，底下是表格，内存分页，用到了VBox布局注意BoxFlex属性的应用，页面还有一个window页面。我会把源码放出来。 1.先看查询 姓名的查询按钮会弹出一个window，打开window前后台都差不多，我用了前台，这个...
帆软结合Echarts
qq_28658431的博客
12-05 3644
最近需要用到帆软开发BI报表，帆软提供了很多图形界面，定制化程度很高。 为了大屏能够适应分辨率，我选择了决策报表，使用的是绝对布局+适应区域的区域缩放规则。在这个基础上开始写CSS样式和JS。比较困难的地方就在于有些图表帆软无法制作出来，比如县市的3D地图，只能通过Echarts的方式引入，对接Echarts需要注意页面的加载时机的问题。 我选择的方式是拖拽一个图表块，但不对其引入数据，直接写...
jQuery如何取得HiddenField值(转)
weixin_30908941的博客
11-20 413
<f:HiddenField runat="server" ID="cat_id" Text="ssss"/> var strDate = $("#<%=this.cat_id.ClientID %>").val(); alert(strDate);这样不行。 var strDate = $('input[name="<%=this.cat_id.Clien...
在vue中用axios获取后端渲染到前端
06-07
在Vue中使用axios获取后端数据并渲染到前端页面，一般需要遵循以下步骤： 1. 安装axios 使用npm或yarn安装axios： ```bash npm install axios ``` 2. 引入axios 在需要发送请求的Vue组件中，引入axios： ```javascript import axios from 'axios' ``` 3. 发送请求 使用axios发送请求，例如： ```javascript axios.get('/api/data') .then(function (response) { console.log(response.data); }) .catch(function (error) { console.log(error); }); ``` 以上代码使用get方法发送请求，请求的URL为`/api/data`，请求成功的响应数据会打印到控制台中。 4. 渲染数据 在Vue组件中，可以使用响应式数据来渲染后端返回的数据。例如： ```html <template> <div> <p v-for="item in data">{{ item }}</p> </div> </template> <script> import axios from 'axios'; export default { data() { return { data: [] } }, created() { axios.get('/api/data') .then((response) => { this.data = response.data; }) .catch((error) => { console.log(error); }); } } </script> ``` 以上代码中，通过在Vue组件的`data`选项中定义`data`属性，并将其初始化为空数组`[]`，然后在组件的`created`生命周期钩子中使用axios获取后端数据，并将响应数据赋值给`data`属性。最后，在模板中使用`v-for`指令渲染数据。 以上就是在Vue中使用axios获取后端数据并渲染到前端页面的基本流程，希望能对你有所帮助。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值