将存储过程查询结果从 JSonResult 传递给 Ajax

Question

美好的一天！我正在尝试将存储过程查询的结果显示到我页面上的文本框中。此存储过程仅返回一个结果，即每日销售额。我正在尝试通过JSonresult 执行此操作，以便可以将其传递给我的视图页面中的ajax。但我似乎无法成功通过它。

我有一个名为 ORDER 的表，其中包含 ORDER_DATE 和 NET_AMOUNT 列。我需要显示当天的 net_amount 总和。这是我的查询：

SELECT SUM(NET_AMOUNT) AS DAILY_SALES
FROM [ORDER]
WHERE ORDER_DATE = GETDATE()

然后我用这个方法在我的控制器中调用这个存储过程：

        public JsonResult GetSalesToday()
        {
            DataTable dtTable = new DataTable();
            List<string> lstSales = new List<string>();


            string strQuery = "SP_DAILY_SALES";

            SqlConnection con = new SqlConnection(ConfigurationManager.ConnectionStrings["DefaultConnection"].ToString());
            SqlCommand cmd = new SqlCommand(strQuery, con);
            cmd.CommandType = CommandType.StoredProcedure;
            SqlDataAdapter da = new SqlDataAdapter(cmd);
            da.Fill(dtTable);


            foreach (DataRow row in dtTable.Rows)
            {
                lstSales.Add(row["DAILY_SALES"].ToString());
            }


            var DailySales = new
            {
                SALESTODAY = lstSales
            };


            return Json(DailySales, JsonRequestBehavior.AllowGet);

        }		

然后用这个将其调用到我的视图中：

  $.ajax(
                       {
                           datatype: "json",
                           type: "POST",
                           url: "/Sales/GetSalesToday",
                           data: JSON,
                           success: function (data) {
                               DailySales(data);
                           },
                           error: function () { alert("Error"); }
                       });

如何将它调用到我的文本框？

 <div class="form-group">
                                @Html.LabelFor("DailySales", "Sales", htmlAttributes: new { @class = "col-xs-4 col-sm-offset-1 col-sm-4" })
                                <div class="col-lg-6 col-lg-6 col-md-6 col-md-6 col-sm-6 col-sm-6 col-xs-6 col-xs-6">
                                    @Html.TextBoxFor("DailySales", new { @class = "form-control" })
                                    @Html.ValidationMessageFor("DailySales", "", new { @class = "text-danger" })
                                </div>
                            </div>

我哪里错了？有人可以帮我解决这个问题吗？提前致谢！

Answer 1

如果您想要总和，只需为此保留一个变量并返回即可。

decimal total = 0.0M;

foreach (DataRow row in dtTable.Rows)
{
   total  += Convert.ToInt32(row["DAILY_SALES"]);
}

return Json(total,JsonRequestBehaviour.AllowGet);

在您的 ajax 调用的成功回调中，使用 jQuery val() 方法读取值并分配给文本框。

 success: function (data){
                           $("#DailySales").val(data);
                         },

如果您的存储过程返回单个标量值，则无需循环遍历数据行！您也可以考虑使用ExecuteScalar 方法。此外，我将您的方法更改为使用using，以便正确关闭连接。

假设您的存储过程返回一个十进制值。

public JsonResult GetSalesToday()
{
    var strQuery = "SP_DAILY_SALES";
    decimal total = 0.0M;

    var conStr = ConfigurationManager.ConnectionStrings["DefaultConnection"].ToString();

    using (var con = new SqlConnection(conStr)))
    {
        using (var cmd = new SqlCommand(strQuery, con))
        {
            con.Open();
            cmd.CommandType = CommandType.StoredProcedure;
            total = (decimal)cmd.ExecuteScalar();
        }
    }

    return Json(total, JsonRequestBehavior.AllowGet);
}

另外，我发现您的视图中有一些错误的代码。 TextBoxFor 和 LabelFor 辅助方法不将字符串作为参数。你需要使用Html.TextBox和Html.Label方法

@Html.Label("DailySales", "Sales",new { @class = "col-xs-4 col-sm-offset-1 col-sm-4" })
@Html.TextBox("DailySales", new { @class = "form-control" })

Answer 2

`decimal total = 0.0;
foreach (DataRow row in dtTable.Rows)
{
   lstSales.Add(row["DAILY_SALES"].ToString());
   total = total + Convert.ToInt32(row["DAILY_SALES"]);
}
return Json(total,JsonRequestBehaviour.AllowGet);`