Question

我知道这个话题比较普遍，但是我花了很长时间尝试用已有的帖子来解决这个问题，但是我并没有运气来解决我的问题。我有一个带有小型“保险箱”数据库的主页，当用户单击其中一个保险箱时，应将其带到“项目”数据库视图，并仅显示其单击的保险箱的项目。但是，它没有显示结果吗？（我有items表显示所有结果，所以我知道这不是数据库的问题）。更令人困惑的是，我希望用作过滤器的“数据”确实在URL中正确显示，因此也可以吗？任何帮助将不胜感激...预先感谢偷看！：）

 $(document).ready(function () {
        var oTable = $('#CBR').DataTable({
            "ajax": {
                "url": '/Home/GetSafe',
                "type": "get",
                "datatype": "json"
            },
            "columns": [

                { "data": "Safe_ID", "autoWidth": true },
                { "data": "Department_ID", "autoWidth": true },
                {
                    "data": "Safe_ID", "width": "50px", "render": function (selectedSafe) {

                        $.ajax({
                            url: '/Home/GetSafeItems',
                            dataType: "json",
                            data: { selectedSafe: selectedSafe },
                            type: "GET",
                            success: function (data) {

                                if (data.success) {
                                    alert(data.message);
                                }                                          
                            },
                            error: function (xhr) {
                                alert(selectedSafe);
                            }
                        });
                        return '<a href="/home/safeItems/' + selectedSafe + '">Open Safe</a>';
                    }
                }
            ]
        })

主页视图（上方）

public ActionResult GetSafeItems(string selectedSafe)
    {
        using (CBREntities2 dc = new CBREntities2())
        {
            var safeItem = dc.Items.Where(a => a.Safe_ID == selectedSafe).Select(s => new {
                Serial_Number = s.Serial_Number,
                Safe_ID = s.Safe_ID,
                Date_of_Entry = s.Date_of_Entry,
                Title_subject = s.Title_subject,
                Document_Type = s.Document_Type,
                Sender_of_Originator = s.Sender_of_Originator,
                Reference_Number = s.Reference_Number,
                Protective_Marking = s.Protective_Marking,
                Number_recieved_produced = s.Number_recieved_produced,
                copy_number = s.copy_number,
                Status = s.Status,
                Same_day_Loan = s.Same_day_Loan
            }).ToList();

        //    var safeItems = dc.Items.Where(a => a.Safe_ID).Select(s => new { Safe_ID = s.Safe_ID, Department_ID = s.Department_ID, User_ID = s.User_ID }).ToList();
            return Json(new { data = safeItem }, JsonRequestBehavior.AllowGet);
        }
    }

控制器（上方）

@{
Layout = null;
}

<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Items</title>
<link rel="stylesheet" 
href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<link rel="stylesheet" 
href="https://cdn.datatables.net/1.10.19/css/jquery.dataTables.min.css" />
<link href="~/Content/themes/base/jquery-ui.min.css" rel="stylesheet" />
</head>
<body>
<div style="width:90%; margin:0 auto" class="tablecontainer">
    <a class="popup btn btn-primary" href="/home/SaveItem/0" style="margin- 
 bottom:20px; margin-top:20px">Add new Item </a>
    <table id="CBR-Item">
        <thead>
            <tr>
                <th>Serial Number</th>
                <th>Safe ID</th>
                <th>Date of Entry</th>
                <th>Title/Subject</th>
                <th>Document type</th>
                <th>Sender of Originator</th>
                <th>Reference Number</th>
                <th>Protective Marking</th>
                <th>Number recieved/produced</th>
                <th>Copy number</th>
                <th>Status</th>
                <th>Same-Day Loan</th>
                <th>Edit</th>
                <th>Delete</th>
            </tr>
        </thead>
    </table>
</div>

<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/jquery.validate.min.js"></script>
<script src="~/Scripts/jquery.validate.unobtrusive.min.js"></script>
<script src="https://cdn.datatables.net/1.10.13/js/jquery.dataTables.min.js"></script>
<script src="~/Scripts/jquery-ui-1.12.1.min.js"></script>

<script>
    $(document).ready(function () {
        var oTable = $('#CBR-Item').DataTable({
            "ajax": {
                "url": '/Home/GetSafeItems',
                "type": "get",
                "datatype": "json"
            },
            "columns": [

                { "data": "Serial_Number", "autoWidth": true },
                { "data": "Safe_ID", "autoWidth": true },
                { "data": "Date_of_Entry", "autoWidth": true },
                { "data": "Title_subject", "autoWidth": true },
                { "data": "Document_Type", "autoWidth": true },
                { "data": "Sender_of_Originator", "autoWidth": true },
                { "data": "Reference_Number", "autoWidth": true },
                { "data": "Protective_Marking", "autoWidth": true },
                { "data": "Number_recieved_produced", "autoWidth": true },
                { "data": "copy_number", "autoWidth": true },
                { "data": "Status", "autoWidth": true },
                { "data": "Same_day_Loan", "autoWidth": true },
                {
                    "data": "Serial_Number", "width": "50px", "render": function (data) {
                        return '<a class="popup" href="/home/SaveItem/' + data + '">Edit</a>';
                    }
                },
                {
                    "data": "Serial_Number", "width": "50px", "render": function (data) {
                        return '<a class="popup" href="/home/DeleteItem/' + data + '">Delete</a>';
                    }
                }
            ]
        })
        $('.tablecontainer').on('click', 'a.popup', function (e) {
            e.preventDefault();
            OpenPopup($(this).attr('href'));
        })
        function OpenPopup(pageUrl) {
            var $pageContent = $('<div/>');
            $pageContent.load(pageUrl, function () {
                $('#popupForm', $pageContent).removeData('validator');
                $('#popupForm', $pageContent).removeData('unobtrusiveValidation');
                $.validator.unobtrusive.parse('form');
            });
            $dialog = $('<div class="popupWindow" style="overflow:auto"></div>')
                .html($pageContent)
                .dialog({
                    draggable: false,
                    autoOpen: false,
                    resizable: false,
                    model: true,
                    title: 'Popup Dialog',
                    height: 550,
                    width: 600,
                    close: function () {
                        $dialog.dialog('destroy').remove();
                    }
                })

            $('.popupWindow').on('submit', '#popupForm', function (e) {
                var url = $('#popupForm')[0].action;
                $.ajax({
                    type: "POST",
                    url: url,
                    data: $('#popupForm').serialize(),
                    success: function (data) {
                        if (data.status) {
                            $dialog.dialog('close');
                            oTable.ajax.reload();
                        }
                    }
                })

                e.preventDefault();
            })
            $dialog.dialog('open');
        }
    })
</script>

主安全视图（上方）

我没有加入安全视图，因为该元素通常在没有过滤器的情况下可以正常工作，并且正在调用controller方法。但是可以根据需要上传。

修正：我几乎解决了帖子问题...但是帖子实际上并没有到达控制器（它只是不断触发下面代码中的错误值）

{
                    "data": "Safe_ID", "width": "50px", "render": function (data) {                           
                        return '<a class="safeLink" href="/home/safeItems/' + data + '">Open Safe</a>';
                       // return { selectedSafe: selectedSafe }


                    }
                }
            ]
        })


        $('.tablecontainer').on('click', 'a.safeLink', function (e) {
            e.preventDefault();
            var whatWhat = "SEC-1000";
            var selectedSafeZZ = { theSafe: whatWhat };
            $.ajax({
                url: '/Home/GetSafeItems',
                data: JSON.stringify(selectedSafeZZ),
                contentType: "application/json; charset=utf-8;",
                type: "POST",
                success: function (data) {
                    alert(data);
                },
                error: function (xhr) {
                    alert("Boohooo");
                }
            });

Answer 1

您的ajax调用与锚标记链接无关。那么，家用控制器中是否有任何方法可以将数据返回到类似于viewresult的视图？？

您能否粘贴完整的控制器代码

将变量从AJAX表发送到ASP.NET MVC控制器

1 个答案: