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

时间:2016-08-11 14:07:10

标签: sql-server asp.net-mvc asp.net-ajax jsonresult

美好的一天!我试图将存储过程查询的结果显示在我页面上的文本框中。此存储过程仅返回一个结果,即每日销售额。我尝试通过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);

        }		
&#13;
&#13;
&#13;

然后用它来调用我的视图:

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

如何将其调用到我的文本框?

&#13;
&#13;
 <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>
&#13;
&#13;
&#13;

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

2 个答案:

答案 0 :(得分:2)

如果你想要总和,只需保留一个变量并返回它。

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);
}

另外,我发现你的视图中有一些错误的代码。 TextBoxForLabelFor辅助方法不接受字符串作为参数。您需要使用Html.TextBoxHtml.Label方法

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

答案 1 :(得分:1)

`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);`