关于jquery：jqPlot图表使用asp.net MVC，JSON

jqPlot Chart using asp.net MVC, JSON

我是MVC，jQuery和jqPlot的新手。

任何人都可以举例说明我可以找到演示项目或逐步程序来实现。

我需要的是：

如何返回JSON进行查看。
添加View时 - 应该是局部视图还是普通视图？
如何使用jQuery从视图中获取JSON。
如何在jqPlot中传递JSON对象？

非常感谢提前。

===============================================

尝试下面的代码，它总是去ERROR部分，任何人都可以解释是什么原因？

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66

<script src="../js/jquery-1.3.2.min.js" type="text/javascript">
<script type="text/javascript" language="javascript">
$(document).ready(function () {
$("#btnClick").click(function () {
alert('Inside Click Function');
$.ajax(
type: 'GET',
url:"JSONSample.aspx/GetItSerialized",
processData: true,
data: {},
contentType:"application/json; charset=utf-8",
dataType:"json",
success: function (data) {
$.each(data.d, function (index, item) {
alert('Inside Success');
});
//alert('Inside Success');
//processData(data);
},
error: function(jqXHR, textStatus, errorThrown) {alert('Error');}

});

function processData(data) {
;
}
});
});

<body>
<form id="form1" runat="server">

<input id="btnClick" runat="server" value="Click here" type="button" />

</form>
</body>

public string GetItSerialized()
{
Employee oEmployee1 = new Employee { Name ="ABC", ID ="111", Age ="30" };
Employee oEmployee2 = new Employee { Name ="FDF", ID ="rtrt", Age ="31" };
Employee oEmployee3 = new Employee { Name ="dfdf", ID ="fdfd", Age ="20" };

List<Employee> listEmp = new List<Employee>
{
oEmployee1,
oEmployee2,
oEmployee3
};

string str = (new JavaScriptSerializer().Serialize(listEmp));

return str;
}

}

public class Employee
{
public string Name { get; set; }
public string Age { get; set; }
public string ID { get; set; }
}

首先，您提供的代码是ASP.NET WebForms示例。
有关如何将jqPlot与MVC一起使用的教程：此处或此处。
回答你的其他问题：

如何将JSON返回给View？见答案编号。4

添加View时 - 应该是局部视图还是普通视图？这实际上取决于你想要完成的事情。如果要创建类似小部件的内容，请使用部分视图。

如何使用jQuery从视图中获取JSON？我不太确定你是什么意思。

如何将JSON对象传递给jqPlot？调用将返回json对象的控制器操作。请阅读本教程中的示例