저는 MVC와 jQuery 및 jqPlot을 처음 사용합니다.jqPlot asp.net MVC, JSON을 사용하는 차트
누구나 데모 프로젝트를 찾거나 단계별 절차를 통해 예제를 얻을 수 있습니다.
내가해야 할 것은 : 볼 수있는 JSON을 반환하는 방법을
- .
- 보기를 추가하는 동안 부분보기 또는 일반보기 여야합니까?
- jQuery를 사용하여 JSON을 뷰에서 가져 오는 방법.
- jqPlot에서 JSON 객체를 전달하는 방법은 무엇입니까?
미리 감사.
============================================== =
아래 코드로 시도하면 항상 로 이동합니다. 오류 부분은 이유가 무엇인지 설명 할 수 있습니까?
<!--[if lt IE 9]><script language="javascript" type="text/javascript" src="../Scripts/excanvas.js"></script><![endif]-->
<script src="../js/jquery-1.3.2.min.js" type="text/javascript"></script>
<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) {
alert('test');
}
});
});
</script>
<body>
<form id="form1" runat="server">
<div>
<input id="btnClick" runat="server" value="Click here" type="button" />
</div>
</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; }
}