Question

我是MVC，jQuery和jqPlot的新手。

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

我需要的是：

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

提前多多感谢。

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

尝试使用以下代码，它始终是 ERROR 部分，任何人都可以解释是什么原因？

<!--[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; }
    }

Answer 1

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

如何将JSON返回给视图？
请参阅答案编号。 4
添加View时 - 它应该是部分视图还是普通视图？
这实际上取决于您要完成的任务。如果您想创建类似小部件的内容，请使用部分视图。
如何使用jQuery从视图中获取JSON？
我不确定你是什么意思。
如何将JSON对象传递给jqPlot？
调用将返回json对象的控制器操作。使用此Example

tutorial

jqPlot Chart使用asp.net MVC，JSON

1 个答案: