【问题标题】:How to use Jquery Ajax to get values from Action in ASP.NET MVC 2?如何使用 Jquery Ajax 从 ASP.NET MVC 2 中的 Action 获取值?
【发布时间】:2013-04-24 16:09:35
【问题描述】:

我有一个动作返回 JsonResult 类型,这是代码:

public JsonResult GetStudent()
    {
        var student1 = new Student
        {
            ID = 123456,
            Name = "John Smith",
            Grades = new int[] { 77, 86, 99, 100 }
        };

        var student2 = new Student
        {
            ID = 123456,
            Name = "John Smith",
            Grades = new int[] { 77, 86, 99, 100 }
        };

        List<Student> students = new List<Student>();
        students.Add(student1);
        students.Add(student2);

        return Json(students, JsonRequestBehavior.AllowGet);
    }

我想在 Jquery 中使用返回值,类似于下面的 c#(但使用 Jquery,存储结果并将其放入#div1):

foreach (var item in students)
{
    // scan and store
}

我找到了一个解决方案,但它只用于单个对象:

function GetStudent() {
    $.ajax({
        url: "/Ajax/GetStudent",
        success: function (student) {
            var stdnt = "ID: " + student.ID + "<br/>"
                + "Name: " + student.Name + "<br/>"
                + "Grades: " + student.Grades;
            // 
            $("#div1").html(stdnt);
        }
    });
}

我该怎么办?感谢收看!

【问题讨论】:

标签: jquery asp.net-mvc-2 asp.net-ajax jsonresult


【解决方案1】:

试试这个 -

success: function (student) {
            $("#div1").html("");
            $.each(student,function(index,value){
                 stdnt = "ID: " + value.ID + "<br/>"
                 + "Name: " + value.Name + "<br/>"
                 + "Grades: " + value.Grades;
                 $("#div1").append(stdnt);
            });

        }

http://api.jquery.com/each/

【讨论】:

  • 谢谢。试用后我会回帖。
【解决方案2】:

使用jQuery.each ..

试试这个

 function GetStudent() {
  $.ajax({
    url: "/Ajax/GetStudent",
    success: function (student) {
        var stdnt=""; 
        $.each(student,function(i,v){
          var stdnt += "ID: " + student.ID + "<br/>"
            + "Name: " + student.Name + "<br/>"
            + "Grades: " + student.Grades+ "<br/>";
        // 
          });
        $("#div1").html(stdnt);
    }
  });
}

【讨论】:

  • 谢谢。试用后我会回帖。
猜你喜欢
  • 2011-11-04
  • 1970-01-01
  • 1970-01-01
  • 2014-08-31
  • 2015-07-19
  • 2014-10-06
  • 2015-10-14
  • 1970-01-01
相关资源
最近更新 更多