如何从 Ajax 成功数据函数中获取值

Shane 发表于 Dev

沙恩

我的 Ajax 数据函数有数据，但我不知道如何取出该数据并将其插入 ID 为 FirstName 的文本框中。我知道数据在那里，因为我可以调试并看到“d”包含我的查询中的所有数据，但如何从成功函数中提取它？

$(document).ready(function () {
$("#btnGetData").click(function () {        
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Default.aspx/GetFormData", //Default.aspx is page and GetFormData is the WebMethod  
        data: {},
        dataType: "json",
        success: function (data) {
            data: { ("#FirstName").val(d.FirstName) }            
        },            
        error: function () {
            alert("Error while Showing update data");
        }
    });
});
});

网络方法：

public static List<MembersClass> GetFormData()
{

    List<MembersClass> infoObjs = new List<MembersClass>();
    try
    {
        // Initialization.
        string cs = ConfigurationManager.ConnectionStrings["ConnectionString"].ConnectionString;

        using (SqlConnection con = new SqlConnection(cs))
        {
            SqlCommand cmd = new SqlCommand("dbo.spGetMemberbyMemberID", con);
            cmd.Parameters.AddWithValue("@MemberID", "123");
            cmd.CommandType = CommandType.StoredProcedure;
            con.Open();
            SqlDataReader rdr = cmd.ExecuteReader();

            // Read file.
            while (rdr.Read())
            {
                MembersClass infoObj = new MembersClass();
                infoObj.FirstName = rdr["first_name"].ToString();
                infoObj.LastName = rdr["last_name"].ToString();

                // Adding.
                infoObjs.Add(infoObj);

            }
        }
    }
    catch (Exception ex)
    {
        Console.Write(ex);
    }

    // info.
    return infoObjs;
}

沙恩

我找到了解决方案。现在从我的 webmethod 获取值并将它们放入我的表单中。

$(document).ready(function () {
$("#btnGetData").click(function () {
    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: "Default.aspx/GetFormData", //Default.aspx is page and GetFormData is the WebMethod  
        data: {},
        dataType: "json",
        success: function (data) {
            var formdata = $(data.d);
            $.each(formdata, function (index, value) { 
                $("#FirstName").val(value.FirstName);
                $("#LastName").val(value.LastName);
            });
        },
        error: function () {
            alert("Error while Showing update data");
        }
    });
});
});

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。