无法使用Javascript

时间:2018-05-03 19:33:51

标签: javascript asp.net json

我希望使用Javascript创建一个带有JSON的表,并从数据库中获取数据并在加载时在我的页面上显示它。此表具有将所选行中的数据放入文本框的链接。

要填写表格,我在.asmx上使用方法

[WebMethod]
    [ScriptMethod(ResponseFormat = ResponseFormat.Json, UseHttpGet = false, XmlSerializeString = false)]
    public void CargarUsuarios()
    {
        var wcf = new wsDN.ServicioClient();
        var respuesta = wcf.Listar_Usuario().Valor.ToString();
        Context.Response.ContentType = "application/json";
        Context.Response.Write("{" + $"\"data\" : {respuesta}" + "}");
    }

这就是我创建表格的方式:

<table class="table table-bordered table-hover" id="tbl_Usuarios">
                            <thead>
                                <tr>
                                    <th>ID Usuario</th>
                                    <th>Cédula</th>
                                    <th>Nombre</th>
                                    <th>Apellidos</th>
                                    <th>Usuario</th>
                                    <th>Contraseña</th>
                                    <th>Opciones</th>
                                </tr>
                            </thead>
                        </table>

这是 JS

<script src="js/main.js"></script>

            <script type="text/javascript">
                $(document).ready(function () {
                    $('#tbl_Usuarios').DataTable({
                        "language": {
                            "url": "https://cdn.datatables.net/plug-ins/1.10.11/i18n/Spanish.json"
                        },
                        "ajax": {
                            "url": "/Contenido.asmx/CargarUsuarios",
                            "type": "POST",
                            "dataType": "json"
                        },
                        "columnDefs": [
                            {
                                "targets": 6,
                                "orderable": false,
                                "render": function (data, type, row) {
                                    return '<a href="#">Modificar</a>';
                                }
                            }
                        ]
                    });
                });
</script>

1 个答案:

答案 0 :(得分:0)

可能你需要添加一些库来添加DataTable属性/函数到jquery / html元素(你使用这个jquery插件datatables.net吗?)