簡體   English   中英

使用 ajax 和 SQL 存儲過程將數據加載到 html 表中

[英]Loading data into html table using ajax and SQL stored procedure

我有一個存儲過程,可以根據日期選擇表中的所有字段。 然后我創建了一個如下所示的方法以將結果返回為 JSON。

[HttpGet]
public JsonResult GetResult()
        {
            MonthNameConverter converter = new MonthNameConverter();
            string fullDate = converter.startOfMonth().ToShortDateString();
            string[] split = fullDate.Split('/');
            string date = "";
            if(Convert.ToInt32(split[0]) < 10)
            {
                date = split[2] + "-0" + split[0];
            }
            else
            {
                date = split[2] + "-" + split[0];
            }            
            var results = travelSOCC.GetLansingMileage(date).ToList();
            return Json(results, JsonRequestBehavior.AllowGet);
        }

但是,當我從 go 到 append 將數據寫入 HTML 表時,我得到了一個未知的結果。

$(function LoadData() {
            $("#LansingTable tbody tr").remove();
            $.ajax({
                type: 'GET',
                url: '@Url.Action("GetResult")',
                dataType: 'json',
                data: JSON,
                success: function (data) {
                    $.each(data, function (item) {
                        var rows = "<tr><td>" + item.TravelDate + "</td><td>" + item.TripType + "</td></tr>";
                        $("#LansingTable tbody").append(rows);
                    });
                },
                error: function (ex) {
                    var r = jQuery.parseJSON(response.resonseText);
                    alert("Message: " + r.Message);
                }
            })
        });

任何幫助是極大的贊賞。

請修改$.each(data, function(item) {如下:

$.each(data, function(idx, item) {

請參閱此處的文檔以獲取更多信息。

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM