时间戳

首页 > 解决方案 > 你好 。我无法从 Jquery 数据表中获取数据。你能帮帮我吗？

jquery - 你好 。我无法从 Jquery 数据表中获取数据。你能帮帮我吗？

问题描述

//Name Surname Adres Email 表中没有可用数据 显示 0 到 0 个条目，共 0 个条目

public class PersonModel
{
    public string Name { get; set; }
    public string Surname { get; set; }
    public string Adres { get; set; }
    public string Email { get; set; }
    public string DateTime { get; set; }
}
----
public ActionResult Index()
    {
        return View();
    }

    [HttpPost]
    public JsonResult AjaxMethod(string name,string surname,string adres,string email)
    {
        Session["Name"] = name;
        Session["Surname"] = surname;
        Session["Adres"] = adres;
        Session["Email"] = email;
        PersonModel person = new PersonModel
        {
            Name = Session["Name"].ToString(),
            Surname = Session["surname"].ToString(),
            Adres = Session["adres"].ToString(),
            Email = Session["email"].ToString(),
            DateTime = DateTime.Now.ToString()
        };

        return Json(person);
    }
---
<body>
<input type="text" id="txtName" />
<input type="text" id="txtSurname" />
<input type="text" id="txtAdres" />
<input type="text" id="txtEmail" />
<input type="button" id="btnSet" value="Set Session" />
<table id="myTable" class="table table-condensed">
<thead>
    <tr>
        <th>Name</th>
        <th>Surname</th>
        <th>Adres</th>
        <th>Email</th>
    </tr>
</thead>
</table>
    $(function () {
        $("#btnSet").click(function () {
            var obj = { name: $("#txtName").val(), surname: $("#txtSurname").val(), adres: 
$("#txtAdres").val(), email: $("#txtEmail").val() };
            $.ajax({
                type: "POST",
                url: "/Home/AjaxMethod",
                data: JSON.stringify(obj),
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data, textStatus, jqXHR) {
                    $('#myTable').dataTable({
                        data: data,

                        columns: [
                            { "data": "Name" },
                            { "data": "Surname" },
                            { "data": "Adres" },
                            { "data": "Email" }

                        ],
                        searching: false
                    });

                }
                
            });
        });
    });
</script>

数据没有来，我怎么能得到它？我想在js中犯了一个错误我可以发布到数据类但是在我看不到数据表之后。这可能是列的错误当我在下面编写代码时出现错误表中没有可用数据显示 0 到 0 我正在等待您的建议。

标签： jqueryasp.netasp.net-mvcdatatable

解决方案

var obj = { name: $("#txtName").val(), surname: $("#txtSurname").val(), adres: $("#txtAdres").val(), email: $("#txtEmail").val() };
               
 data: JSON.stringify(obj),

您转换obj为一个字符串，但在AjaxMethod您捕获多个属性...

尝试

public JsonResult AjaxMethod(string id)

然后deserialize 是 C# 中的这个对象

推荐阅读