Question

我有一个简单的视图，显示一个数据表，我想在AJAX点击标题时对其中的一个列进行排序，我是AJAX和JS的新手，所以这是我在视图中的尝试：< / p>

<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＃不同外，我看不到逻辑错误

Answer 1

这是最简单的方法。您需要使用$Properties = @(@{L="WSUSServer";E={$Server}}, @{L="FromDate";E={$($CurrentMonthUpdateScope.FromCreationDate).ToString("MM/dd/yyyy")}}, @{L="ToDate";E={$($CurrentMonthUpdateScope.ToCreationDate).ToString("MM/dd/yyyy")}}, @{L="Computer";E={($wsus.GetComputerTarget([guid]$_.ComputerTargetID)).FullDomainName}}, "DownloadedCount", "NotInstalledCount", "InstalledPendingRebootCount", "FailedCount", "Installedcount")字符串将sort值连接到url。

现在，当您单击标题时，sort参数必须与您在操作中的值一致。

请试试这个：

query

另一种方法是使用它：

$.ajax({
      type: 'GET',
      url: '/Book/BooksData?sort=' + srt,
      dataType: '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>')
          });
      }
});

url: '@Url.Action("BooksData","Book")?sort=' + srt只返回一个字符串。

在@Url.Action中，使用@ block的每个内容都会由Razor自动进行HTML编码。

如何从javascript函数向Action发送参数？

1 个答案: