ajax获取c#后台list,通过ajax将前台json传递给c#后台

前台操作:通过JSON.stringify()转为字符串然后作为参数通过ajax传递给后台。

[HttpPost]

public ActionResult AjaxPager(string json)

{

JavaScriptSerializer js = new JavaScriptSerializer();

//JsonClass jsonClass = (JsonClass)js.Deserialize(json, typeof(JsonClass)); ;

//var test = js.Deserialize(json, typeof(JsonClass));

// 如果是一维数组的json用这个

// JsonClass jc = js.Deserialize(json);

// 把多维数组转换成List泛型。

List jc = js.Deserialize>(json);

return View();

}

}

public class JsonClass

{

public string Name { get; set; }

public int ID { get; set; }

public string Stock { get; set; }

}

1、JsonClass中为将要获取的json串中的数据项。

2、使用JavaScriptSerializer将会提示需要对应指令集,我用的是vs2013,只需要在资源管理器的引用中添加System.Web.Extensions即可,不需要在代码中添加using。

3、最终形成的jc为一个对象性质的存在,正常操作即可,需要注意的是长度为count,而不是length。

备份一下,留用。

  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
大学生参加学科竞赛有着诸多好处,不仅有助于个人综合素质的提升,还能为未来职业发展奠定良好基础。以下是一些分析: 首先,学科竞赛是提高专业知识和技能水平的有效途径。通过参与竞赛,学生不仅能够深入学习相关专业知识,还能够接触到最新的科研成果和技术发展趋势。这有助于拓展学生的学科视野,使其对专业领域有更深刻的理解。在竞赛过程中,学生通常需要解决实际问题,这锻炼了他们独立思考和解决问题的能力。 其次,学科竞赛培养了学生的团队合作精神。许多竞赛项目需要团队协作来完成,这促使学生学会有效地与他人合作、协调分工。在团队合作中,学生们能够学到如何有效沟通、共同制定目标和分工合作,这对于日后进入职场具有重要意义。 此外,学科竞赛是提高学生综合能力的一种途径。竞赛项目通常会涉及到理论知识、实际操作和创新思维等多个方面,要求参赛者具备全面的素质。在竞赛过程中,学生不仅需要展现自己的专业知识,还需要具备创新意识和解决问题的能力。这种全面的综合能力培养对于未来从事各类职业都具有积极作用。 此外,学科竞赛可以为学生提供展示自我、树立信心的机会。通过比赛的舞台,学生有机会展现自己在专业领域的优势,得到他人的认可和赞誉。这对于培养学生的自信心和自我价值感非常重要,有助于他们更加积极主动地投入学习和未来的职业生涯。 最后,学科竞赛对于个人职业发展具有积极的助推作用。在竞赛中脱颖而出的学生通常能够引起企业、研究机构等用人单位的关注。获得竞赛奖项不仅可以作为个人履历的亮点,还可以为进入理想的工作岗位提供有力的支持。
C#中使用JSON数据和echarts结合可以分为两个部分,分别是数据处理和图表显示。 首先,你可以使用C#中的Newtonsoft.Json库来处理JSON数据。该库提供了丰富的API,可以方便地将JSON数据转换为C#中的对象。例如,你可以使用JsonConvert.DeserializeObject()方法将JSON字符串转换为对象,或者使用JsonConvert.SerializeObject()方法将对象序列化为JSON字符串。 接下来,你可以将处理好的数据传递给前端页面,使用JavaScript中的echarts库来展示数据。在前端页面中,你可以使用ajax请求获取C#中处理好的JSON数据,然后使用echarts提供的API来渲染图表。例如,你可以使用echarts的option配置项来设置图表类型、数据和样式等。 下面是一个简单的示例代码,演示了如何在C#中处理JSON数据,并在前端页面中使用echarts展示数据: 1. C#代码: ``` using Newtonsoft.Json; using System; using System.Collections.Generic; using System.Linq; using System.Web; using System.Web.Mvc; namespace EChartsDemo.Controllers { public class HomeController : Controller { public ActionResult Index() { // 模拟数据 List<DataItem> data = new List<DataItem>(); data.Add(new DataItem("类别A", 10)); data.Add(new DataItem("类别B", 20)); data.Add(new DataItem("类别C", 30)); // 将数据转换为JSON字符串 string jsonData = JsonConvert.SerializeObject(data); // 将JSON数据传递给前端页面 ViewBag.JsonData = jsonData; return View(); } } // 数据模型 public class DataItem { public string Name { get; set; } public int Value { get; set; } public DataItem(string name, int value) { this.Name = name; this.Value = value; } } } ``` 2. 前端页面代码: ``` <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>ECharts Demo</title> <script src="https://cdnjs.cloudflare.com/ajax/libs/echarts/4.7.0/echarts.min.js"></script> </head> <body> <div id="chart" style="width: 600px;height:400px;"></div> <script type="text/javascript"> // 获取C#传递JSON数据 var jsonData = '@Html.Raw(ViewBag.JsonData)'; // 将JSON字符串解析为JavaScript对象 var data = JSON.parse(jsonData); // 创建图表 var chart = echarts.init(document.getElementById('chart')); var option = { title: { text: '柱状图' }, tooltip: {}, xAxis: { data: data.map(function (item) { return item.Name; }) }, yAxis: {}, series: [{ name: '销量', type: 'bar', data: data.map(function (item) { return item.Value; }) }] }; chart.setOption(option); </script> </body> </html> ``` 希望这个示例能够帮助到你。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值