我有一个简单的观点,即显示数据的表格,我要排序的列时,其中一个报头由AJAX点击,我是新来的AJAX和JS,所以这是我的观点尝试:如何从javascript函数发送参数给Action?
<table id="tbl" class="table">
<tr>
<th>
<a style="cursor: pointer" onclick="getData('desc')" id="sort">Title</a>
</th>
<th>
Author
</th>
<th></th>
</tr>
</table>
@section scripts{
<script type="text/javascript">
$(document).ready(getData('asc'))
function getData(sort) {
var srt = sort;
$.ajax({
type: 'GET',
url: '/Book/BooksData/' + srt,
dataTtype: 'json',
success: function (data) {
$("#tbl > tr").remove();
$.each(data, function (index, val) {
$('#tbl').append('<tr><td>' + val.Title + '</td><td>' + val.Author.Name + '</td></tr>')
});
}
});
}
</script>
}
但是当我点击标题中的sort
参数会动作空,
public JsonResult BooksData(string sort)
{
var books = new List<Book>();
if (sort == "asc") books = db.Books.Include(b => b.Author).OrderBy(b => b.Title).ToList();
else books = db.Books.Include(b => b.Author).OrderByDescending(b => b.Title).ToList();
return Json(books, JsonRequestBehavior.AllowGet);
}
是我做错了,但我修改了很多次,我看不出除了逻辑错误在JavaScript中传递参数不同于C#
除非你为''Book/BooksData/{sort}'定义了一个指定路由,那么你需要将该值作为查询字符串值添加,而不是路由值 –
是的,我忘记了:( –