javascript - GET 方法总是接收空值

Question

当模式出现时，我试图使用 Ajax 获取一个列表，但由于某种原因，我的方法总是收到一个 null 变量。我确信问题出在 Ajax 调用上，因为如果我使用 1 作为参数而不是 Ajax 中的值来测试我的方法，它会按照我想要的方式返回列表。

JS:

$("#visualizacao").on('show.bs.modal', function (e) {
            var data = $(e.relatedTarget);
            var idAviso = data.context.dataset.avisoid;
                $.ajax({
                    type: 'GET',
                    url: 'ListaVisuAviso/' +idAviso,
                    success: function (response) {
                        $('#visu-table tbody').empty(); 
                        var trHTML = '';
                        $.each(response, function (i, item) {
                            trHTML += '<tr><td>' + item.NOME + '</td><td>' + item.DATA_HORA + '</td><td>' + item.DEPARTAMENTO + '</td></tr>';
                        });
                        $('#visu-table tbody').append(trHTML);
                        $('#modal-visu').modal('show');
                    },
                    error: function (xhr) {
                        console.log(xhr);
                    }
                });
            $('#modalAviso').modal('show');
        });

C#

    [HttpGet]
    public JsonResult ListaVisuAviso(string avisoId)
    {
        //var avisoid = 1;
        var avisoid = Convert.ToDecimal(avisoId);

        var query =
            from a in _dataContext.TB_AVISOS_NOTIFICACOES
            join b in _dataContext.VW_USUARIOS4 on a.USUARIO_PR equals b.USUARIOID
            where a.AVISO_ID == avisoid
            select new VisuAviso()
            {
                NOME = b.NOME,
                DATA_HORA = a.DATA_HORA.ToString(),
                DEPARTAMENTO = b.DEPARTAMENTO
            };
        return Json(query, JsonRequestBehavior.AllowGet);
    }

Answer 1

我发现了导致“问题”的原因。为了使用这种发送参数的方式，我在后端的路由配置期望它是一个名为“id”的参数。所以我要么将接收参数更改为“id”而不是“avisoId”，如下所示:

    [HttpGet]
    public JsonResult ListaVisuAviso(string id)
    {
        //var avisoid = 4;
        var avisoid = Convert.ToDecimal(id);

        var query =
            from a in _dataContext.TB_AVISOS_NOTIFICACOES
            join b in _dataContext.VW_USUARIOS4 on a.USUARIO_PR equals b.USUARIOID
            where a.AVISO_ID == avisoid
            select new VisuAviso()
            {
                NOME = b.NOME,
                DATA_HORA = a.DATA_HORA.ToString(),
                DEPARTAMENTO = b.DEPARTAMENTO
            };
        return Json(query, JsonRequestBehavior.AllowGet);

或者，我会在 JS 上指定参数的名称，例如“?usuarioId=”，这样路由就会知道它不是 id 参数:

        $("#visualizacao").on('show.bs.modal', function (e) {
            var idAviso = $(e.relatedTarget).attr('data-avisoid');
                $.ajax({
                    type: 'GET',
                    url: 'ListaVisuAviso/?usuarioId =' + idAviso,
                    dataType: 'json',
                    success: function (response) {
                        $('#visu-table tbody').empty(); 
                        var trHTML = '';
                        $.each(response, function (i, item) {
                            trHTML += '<tr><td>' + item.NOME + '</td><td>' + item.DATA_HORA + '</td><td>' + item.DEPARTAMENTO + '</td></tr>';
                        });
                        $('#visu-table tbody').append(trHTML);
                        $('#modal-visu').modal('show');
                    },
                    error: function (xhr) {
                        console.log(xhr);
                    }
                });
            $('#modalAviso').modal('show');
        });