C# 在AJAX中显示数据&;JSON
我想从函数“NewData()”中获取数据,并通过json将其显示在“SomeActionMethod视图”中。 问题是如何访问$.ajax中的数据 这是我的HomeController文件C# 在AJAX中显示数据&;JSON,c#,jquery,json,ajax,asp.net-mvc,C#,Jquery,Json,Ajax,Asp.net Mvc,我想从函数“NewData()”中获取数据,并通过json将其显示在“SomeActionMethod视图”中。 问题是如何访问$.ajax中的数据 这是我的HomeController文件 public ActionResult SomeActionMethod() { return View(); } [HttpGet] public JsonResult NewData() { List<mydat
public ActionResult SomeActionMethod()
{
return View();
}
[HttpGet]
public JsonResult NewData()
{
List<mydatasample> mydata = new List<mydatasample>();
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test2", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
mydata.Add(new mydatasample { bookName = "test1", publisherName = "yum3", publishYear = 2018 });
int rowcount= mydata.Count;
return Json(mydata, JsonRequestBehavior.AllowGet);
}
public class mydatasample
{
public string bookName { get; set; }
public string publisherName { get; set; }
public int publishYear { get; set; }
}
public ActionResult SomeActionMethod()
{
返回视图();
}
[HttpGet]
public JsonResult NewData()
{
List mydata=new List();
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test2”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
添加(新的mydatasample{bookName=“test1”,publisherName=“yum3”,publishYear=2018});
int rowcount=mydata.Count;
返回Json(mydata,JsonRequestBehavior.AllowGet);
}
公共类mydatasample
{
公共字符串bookName{get;set;}
公共字符串publisher名称{get;set;}
公共int publishYear{get;set;}
}
这是我的“某些操作方法视图”文件。在我的$.ajax部分中,我应该怎么做,它必须以某种操作方法显示数据
<script src="~/Scripts/jquery-1.10.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function ()
{
var hosturl = "http://" + window.location.hostname + ':' + window.location.port + "/Home/NewData";
console.log(hosturl);
$.ajax(
{
cache: false,
type: "GET",
url: hosturl,
success: function (e)
{
alert('i am in this function');
for (var i = 0; i > 10; i++)
{
console.log(e.mydata[])
mydata++;
}
},
error: function ()
{
alert('Failed to retrieve books.');
}
});
});
$(文档).ready(函数()
{
var hosturl=“http://“+window.location.hostname+”:“+window.location.port+”/Home/NewData”;
日志(hosturl);
$.ajax(
{
cache:false,
键入:“获取”,
url:hosturl,
成功:职能(e)
{
警报(“我在该功能中”);
对于(变量i=0;i>10;i++)
{
console.log(e.mydata[]
mydata++;
}
},
错误:函数()
{
警报('检索书籍失败');
}
});
});
console.log(e[i].bookName);console.log(e[i].publisherName)
etcconsole.log(e.mydata[i])@StephenMuecke您能详细解释一下我仍然被卡住了吗。您返回一个集合,分配给e
-您需要通过其索引访问集合中的每个项(并且您的循环需要是for(var i=0;i<10;i++)
-而不是i>10
)作为一般原则,我建议您学习如何浏览JavaScript对象(请记住,此时您的JSON数据字符串已转换为JavaScript对象/数组)。有很多教程/示例可以帮助您理解如何从JS对象读取条目。