作者prjryu (再努力一点)
看板C_Sharp
标题[问题] ASP.net C# 网页chart用javascript疑问
时间Sun Dec 2 15:29:51 2018
各位前辈大家好，
为了工作所需，在下最近踏入了ASP.net MVC架构的世界，
而上次碰网页已是10年前简单HTML、PHP应用的学生年代...
目前遇到了与javascript沟通的困境，望版上善心人士指点迷津 m(_ _)m
ASP.net MVC的架构是我第一次接触，也买了书籍最初阶的学习，
我撰写的网页已可以使用controller(C#)与view(cshtml)控制网页资料的显示或运算；
工作任务中又有一需求是需要将DB捞出的资料以chart显示(直方/圆饼/散布图...)
找寻网路上众多的chart套件，发现几乎所有都是使用javascript去实作，
我也找到了相关的范例，确定引入我的专案同样可以长出套件的图。
现在需要的动作是:
1. user在网页(cshtml)上设定搜寻条件送出
2. 後端(controller)利用网页上传回的条件select DB资料并回传给网页的javascript
3. ueer在网页上可看到所设范围资料长出的chart图
(有想过直接从javascript去连DB，但网路上查了大家都不建议者麽做，
有安全性的问题，DB连线的这一段不考虑做在javascript端，而是C#捞完再传出去)
而我遇到最大的问题是，我不知道该如何将C#读出的DB资料，
转为JASON传给Chart图的.js档变数中作为chart图的input，
想请教有经验的前辈们如何实作，或 是否有相关的教学/sample code能提供，
在下感激不尽。
--
◣ ◢ HEY~~~HEY~~~CHAAAAARLIE~!
。。。。。
◢ ▁ ◣
⊙ ⊙
⊙ .◣
▼▼▼▼
ㄟ
◥ ㄧ◤
\▲▲▲▲
φ ◢ . \ . δ
./ㄨ \\/ˊ◥▄▄◤
\|/ㄑ ( ︶ ˋ\///\/. by Armour@joke
--
※ 发信站: 批踢踢实业坊(ptt.cc), 来自: 111.243.155.223
※ 文章网址: https://webptt.com/cn.aspx?n=bbs/C_Sharp/M.1543735837.A.CDF.html
1F：→ tomnelson: JASON(X) JSON(O) 12/02 18:01
2F：→ tomnelson: 不过如果你是要转给你同事JASON的话,当我没说... :) 12/02 18:02
3F：→ prjryu: 是JSON没错 Tom大大幽默了一把。 12/02 18:37
4F：推 lonniekao: 最简单的方法是controller加上［post]回传jsonresult 12/02 22:03
5F：→ prjryu: 要如何从view的cshtml 呼叫controller 的function? 12/02 23:34
6F：→ Litfal: javascript 12/02 23:40
7F：→ prjryu: js不能直接传运算结果的话我只整走@ViewData或@ViewBag了 12/02 23:45
8F：→ prjryu: 我在cshtml里用js的"<%=functionxxx()%>";会真的被当字串 12/02 23:47
9F：→ prjryu: 完全不会回call我controller里面的function 12/02 23:48
10F：→ prjryu: 也试了PageMethods，一直会说PageMethods is not defined 12/02 23:50
11F：→ prjryu: 也试了$.ajax({type: "POST", url: "/HomeController/xxx 12/02 23:51
12F：→ prjryu: 回找不到网页.... 12/02 23:52
13F：推 pennymarkfox: 找不到网页是因为你url组错了 12/03 11:29
14F：→ pennymarkfox: 用page methods然後jquery去拿这方向是对的 12/03 11:29
15F：→ Litfal: 先学会用第三方工具去call web api吧，还有js的url可以用 12/04 00:24
16F：→ Litfal: UrlHelper去建 12/04 00:24
17F：→ johnny4753: 感觉你只是mvc的model binding机制不熟，先把.net mvc 01/01 16:19
18F：→ johnny4753: 前後端传递资料的方式搞懂吧，剩下只是call js chart 01/01 16:19
19F：→ johnny4753: 相关 library去呈现後端回应给前端的资料而已 01/01 16:19